{"id":3077,"date":"2011-12-05T00:06:09","date_gmt":"2011-12-04T22:06:09","guid":{"rendered":"https:\/\/www.risorsainformatica.com\/blognews\/?p=3077"},"modified":"2011-12-05T00:38:31","modified_gmt":"2011-12-04T22:38:31","slug":"inserire-facebook-comment-in-wordpress","status":"publish","type":"post","link":"https:\/\/www.risorsainformatica.com\/blognews\/inserire-facebook-comment-in-wordpress\/","title":{"rendered":"Inserire &#8221; Facebook Comment &#8221; in wordpress"},"content":{"rendered":"<p>Una delle esigenze pi\u00f9 richieste dagli utenti <strong>WordPress<\/strong> \u00e8 quella di poter sfruttare il plugin sociale dei commenti di <strong>Facebook<\/strong>, un social che ormai copre una grandissima fetta dell&#8217;attivit\u00e0 di navigazione sul web. Grazie a questa integrazione possiamo incrementare il numero di visite ricevute da Facebook poich\u00e9 ogni commento viene condiviso automaticamente sulla propria bacheca e non necessita di nessun login (nel caso che l&#8217;utente risulta gi\u00e0 connesso) a differenza del normale sistema di commenti utilizzato nel cms.<br \/>\nVediamo come inserire correttamente il codice senza l&#8217;ausilio di nessun <strong>plugin<\/strong> WordPress.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-3082\" title=\"commenti facebook\" src=\"https:\/\/www.risorsainformatica.com\/blognews\/wp-content\/uploads\/2011\/12\/commenti.png\" alt=\"\" width=\"597\" height=\"222\" srcset=\"https:\/\/www.risorsainformatica.com\/blognews\/wp-content\/uploads\/2011\/12\/commenti.png 597w, https:\/\/www.risorsainformatica.com\/blognews\/wp-content\/uploads\/2011\/12\/commenti-300x111.png 300w\" sizes=\"(max-width: 597px) 100vw, 597px\" \/><br \/>\n<!--more--><br \/>\nCreate una semplice applicazione tramite <a title=\"devolopers\" href=\"https:\/\/developers.facebook.com\/apps\" rel=\"nofollow noopener\" target=\"_blank\">questa pagina<\/a>\u00a0, impostate come base url il link del vostro sito, ricavatene quindi \u00a0ID applicazione \/ Chiave API<br \/>\nCopiate il seguente codice ed incollatelo nella pagina comments.php del template ( o dove preferite ):<\/p>\n<p><span style=\"color: #008080;\">&lt;div id=&#8221;fb-root&#8221;&gt;&lt;\/div&gt;<\/span><br \/>\n<span style=\"color: #008080;\"> &lt;script&gt;(function(d, s, id) {<\/span><br \/>\n<span style=\"color: #008080;\"> var js, fjs = d.getElementsByTagName(s)[0];<\/span><br \/>\n<span style=\"color: #008080;\"> if (d.getElementById(id)) {return;}<\/span><br \/>\n<span style=\"color: #008080;\"> js = d.createElement(s); js.id = id;<\/span><br \/>\n<span style=\"color: #008080;\"> js.src = &#8220;\/\/connect.facebook.net\/it_IT\/all.js#xfbml=1&amp;appId=<span style=\"color: #ff0000;\">0000000<\/span>&#8220;;<\/span><br \/>\n<span style=\"color: #008080;\"> fjs.parentNode.insertBefore(js, fjs);<\/span><br \/>\n<span style=\"color: #008080;\"> }(document, &#8216;script&#8217;, &#8216;facebook-jssdk&#8217;));&lt;\/script&gt;<\/span><br \/>\nDove 000000 \u00e8 la Chiave API \/ id\u00a0della vostra applicazione.<\/p>\n<p>Fatto questo, Facebook vi dir\u00e0 di inserire un url statico ma in WordPress eseguiamo la seguente :<\/p>\n<p><span style=\"color: #008080;\">&lt;div class=&#8221;fb-comments&#8221; data-href=&#8221;<span style=\"color: #00ff00;\">&lt;?php the_permalink(); ?&gt;<\/span>&#8221; data-num-posts=&#8221;10&#8243; data-width=&#8221;610&#8243;&gt;&lt;\/div&gt;<\/span><\/p>\n<p>Dove appunto grazie al <strong>php_the_permalink<\/strong>\u00a0indichiamo di caricare i dati per la pagina(link) che stiamo visualizzando, 610 la lunghezza del div, e 10 il numero di post da visualizzare.<br \/>\nNote:<br \/>\nAl cambio del template bisogner\u00e0 effettuare nuovamente la procedura.<br \/>\nIl conteggio dei commenti \u00e8 separato dal core WordPress.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Una delle esigenze pi\u00f9 richieste dagli utenti WordPress \u00e8 quella di poter sfruttare il plugin sociale dei commenti di Facebook, un social che ormai copre una grandissima fetta dell&#8217;attivit\u00e0 di navigazione sul web. Grazie a questa integrazione possiamo incrementare il numero di visite ricevute da Facebook poich\u00e9 ogni commento viene [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":3082,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[41],"tags":[201,982],"_links":{"self":[{"href":"https:\/\/www.risorsainformatica.com\/blognews\/wp-json\/wp\/v2\/posts\/3077"}],"collection":[{"href":"https:\/\/www.risorsainformatica.com\/blognews\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.risorsainformatica.com\/blognews\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.risorsainformatica.com\/blognews\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.risorsainformatica.com\/blognews\/wp-json\/wp\/v2\/comments?post=3077"}],"version-history":[{"count":0,"href":"https:\/\/www.risorsainformatica.com\/blognews\/wp-json\/wp\/v2\/posts\/3077\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.risorsainformatica.com\/blognews\/wp-json\/wp\/v2\/media\/3082"}],"wp:attachment":[{"href":"https:\/\/www.risorsainformatica.com\/blognews\/wp-json\/wp\/v2\/media?parent=3077"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.risorsainformatica.com\/blognews\/wp-json\/wp\/v2\/categories?post=3077"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.risorsainformatica.com\/blognews\/wp-json\/wp\/v2\/tags?post=3077"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}