{"id":1935,"date":"2013-08-06T06:30:12","date_gmt":"2013-08-06T05:30:12","guid":{"rendered":"http:\/\/www.manuelmarangoni.it\/sir-bit\/?p=1935"},"modified":"2013-08-05T19:32:21","modified_gmt":"2013-08-05T18:32:21","slug":"come-aggiungere-al-sito-il-facebook-like-box","status":"publish","type":"post","link":"https:\/\/www.manuelmarangoni.it\/sir-bit\/1935\/come-aggiungere-al-sito-il-facebook-like-box\/","title":{"rendered":"Come aggiungere al sito il Facebook Like Box"},"content":{"rendered":"<div id=\"attachment_1937\" style=\"width: 175px\" class=\"wp-caption aligncenter\"><a class=\"lightbox\" title=\"Anteprima di una Facebook Like Box. Attraverso il sito, permette agli utenti di seguire la vostra fan page su Facebook\" href=\"https:\/\/www.manuelmarangoni.it\/sir-bit\/wp-content\/uploads\/2013\/08\/Facebook-Like-Box-anteprima.jpg\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-1937\" class=\"size-medium wp-image-1937 \" title=\"Facebook Like Box - anteprima\" alt=\"Facebook Like Box - anteprima\" src=\"https:\/\/www.manuelmarangoni.it\/sir-bit\/wp-content\/uploads\/2013\/08\/Facebook-Like-Box-anteprima-165x300.jpg\" width=\"165\" height=\"300\" \/><\/a><p id=\"caption-attachment-1937\" class=\"wp-caption-text\">Anteprima di una Facebook Like Box. Attraverso il sito, permette agli utenti di seguire la vostra fan page su Facebook<\/p><\/div>\n<p>Al giorno d&#8217;oggi, Facebook \u00e8 probabilmente il principale canale per promuovere gli articoli di un sito e certamente \u00e8 il primo &#8220;flusso social&#8221; da tenere in considerazione. Ecco perch\u00e9 <strong>costruire una fan page su Facebook<\/strong> \u00e8 diventato ormai essenziale.<\/p>\n<p>Vi sarete accorti che molti dei siti dotati di una fan page implementano un plugin particolare: non si tratta del solito pulsante &#8220;I like&#8221;, ma di un gadget pi\u00f9 complesso che permette di <strong>visualizzare gli ultimi post della fan page<\/strong> e gli utenti che seguono la vostra pagina.<br \/>\nInoltre, attraverso questo plugin i visitatori potranno cliccare sul &#8220;mi piace&#8221; direttamente nel sito, senza cercare la vostra fan page direttamente su Facebook.<\/p>\n<p>Vediamo brevemente come fare. Il processo \u00e8 semplice e non richiede grandi competenze.<\/p>\n<h3 style=\"margin-top: 50px; margin-bottom: 20px; color: #c00;\">Le opzioni della Facebook Like Box<\/h3>\n<p>Prima di tutto raggiungete la <a title=\"Pagina ufficiale di Facebook Like Box\" href=\"https:\/\/developers.facebook.com\/docs\/reference\/plugins\/like-box\/\" target=\"_blank\">pagina degli sviluppatori<\/a> della Like Box. Vedrete immediatamente un&#8217;anteprima generale (la prima immagine di questo articolo).<\/p>\n<div id=\"attachment_1938\" style=\"width: 460px\" class=\"wp-caption aligncenter\"><a class=\"lightbox\" title=\"Le opzioni disponibili per la creazione della Facebook Like Box\" href=\"https:\/\/www.manuelmarangoni.it\/sir-bit\/wp-content\/uploads\/2013\/08\/Facebook-Like-Box-opzioni.jpg\" target=\"_blank\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-1938\" class=\"size-medium wp-image-1938 \" title=\"Facebook Like Box - opzioni\" alt=\"Facebook Like Box - opzioni\" src=\"https:\/\/www.manuelmarangoni.it\/sir-bit\/wp-content\/uploads\/2013\/08\/Facebook-Like-Box-opzioni-450x125.jpg\" width=\"450\" height=\"125\" srcset=\"https:\/\/www.manuelmarangoni.it\/sir-bit\/wp-content\/uploads\/2013\/08\/Facebook-Like-Box-opzioni-450x125.jpg 450w, https:\/\/www.manuelmarangoni.it\/sir-bit\/wp-content\/uploads\/2013\/08\/Facebook-Like-Box-opzioni.jpg 750w\" sizes=\"(max-width: 450px) 100vw, 450px\" \/><\/a><p id=\"caption-attachment-1938\" class=\"wp-caption-text\">Le opzioni disponibili per la creazione della Facebook Like Box<\/p><\/div>\n<p>Le opzioni a disposizione sono poche e comprensibili. Inserite innanzitutto il <strong>link alla vostra pagina Facebook<\/strong> nell&#8217;input &#8220;Facebook Page URL&#8221;. Se non avete particolari esigenze, la larghezza e l&#8217;altezza potete lasciarle cos\u00ec come sono (per l&#8217;altezza, in default \u00e8 pensata per far comparire dieci facce-profilo di utenti).<\/p>\n<p>Decidete quindi se volete un tema chiaro (<em>light<\/em>) o scuro (<em>dark<\/em>), a seconda del layout del vostro sito.<\/p>\n<p>Le <strong>ultime quattro opzioni<\/strong> identificano cosa mostrare:<br \/>\n&#8211; <em>Show header<\/em> : se spuntata mostra l&#8217;intestazione del plugin.<br \/>\n&#8211; <em>Show stream<\/em> : se spuntata mostra gli ultimi post pubblicati sulla vostra fan page.<br \/>\n&#8211; <em>Show faces<\/em> : se spuntata mostra le foto profilo degli utenti iscritti alla fan page.<br \/>\n&#8211; <em>Show border<\/em> : se spuntata mantiene un bordo attorno al plugin.<br \/>\n<!--more--><\/p>\n<h3 style=\"margin-top: 50px; margin-bottom: 20px; color: #c00;\">Ottenere il codice<\/h3>\n<p>Una volta scelte le opzioni, non vi resta che cliccare sul pulsante &#8220;Get Code&#8221;.<br \/>\nSi aprir\u00e0 una finestra che vi permette di scegliere tra <strong>quattro tipologie di importazione<\/strong>. Sceglietene una e copiate il codice nel vostro sito come richiesto:<\/p>\n<p><script type=\"text\/javascript\">\/\/ <![CDATA[\ngoogle_ad_client = \"ca-pub-9984963620559913\"; \/* Sir Bit - post singolo rettangolare *\/ google_ad_slot = \"5334366715\"; google_ad_width = 336; google_ad_height = 280;\n\/\/ ]]><\/script><br \/>\n<script type=\"text\/javascript\" src=\"http:\/\/pagead2.googlesyndication.com\/pagead\/show_ads.js\">\/\/ <![CDATA[\n\n\n\/\/ ]]><\/script><\/p>\n<p>&#8211; <em>HTML5<\/em> : <strong>\u00e8 la mia scelta consigliata<\/strong>, visto che quasi tutti i siti moderni riescono a supportarlo. In questo caso dovete copiare la prima parte del codice presentato in un qualsiasi punto all&#8217;interno del corpo della pagina. La seconda parte, invece, \u00e8 il codice che effettivamente stamper\u00e0 il plugin a video, per cui inseritelo dove volete che appaia.<\/p>\n<p>&#8211; <em>XFBML<\/em> : la sigla sta per \u00abeXtended Facebook Markup Language\u00bb. Come dice il nome, \u00e8 un linguaggio avanzato, sicuramente migliore dell&#8217;alternativa con iframe, visto che permette funzionalit\u00e0 avanzate. Tra le altre cose, attivando l&#8217;XFBML avrete l&#8217;opportunit\u00e0 di utilizzare l&#8217;Open Graph. Per l&#8217;attivazione e una spiegazione approfondita dell&#8217;XFBML vi rimando all&#8217;articolo di <a title=\"Abilitare XFBML sul vostro blog - Salvatore Capolupo\" href=\"http:\/\/salvatorecapolupo.it\/2010\/10\/abilitare-xfbml-sul-vostro-blog.html\" target=\"_blank\">Salvatore Capolupo<\/a>.<\/p>\n<p>&#8211; <em>Iframe<\/em> e <em>URL<\/em>: l&#8217;iframe \u00e8 un&#8217;alternativa che sconsiglio per i motivi visti sopra. In ogni caso questa opzione vi permette di implementare il plugin senza nessuno sforzo, se non il copiare il codice dove voluto all&#8217;interno della pagina web.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Attraverso il sito, la Like Box permette agli utenti di seguire la vostra fan page su Facebook. Il plugin \u00e8 rapido e semplice da installare.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[22,47],"class_list":["post-1935","post","type-post","status-publish","format-standard","hentry","category-programmazione","tag-facebook","tag-plugin","cat-3-id"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.manuelmarangoni.it\/sir-bit\/wp-json\/wp\/v2\/posts\/1935"}],"collection":[{"href":"https:\/\/www.manuelmarangoni.it\/sir-bit\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.manuelmarangoni.it\/sir-bit\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.manuelmarangoni.it\/sir-bit\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.manuelmarangoni.it\/sir-bit\/wp-json\/wp\/v2\/comments?post=1935"}],"version-history":[{"count":4,"href":"https:\/\/www.manuelmarangoni.it\/sir-bit\/wp-json\/wp\/v2\/posts\/1935\/revisions"}],"predecessor-version":[{"id":1941,"href":"https:\/\/www.manuelmarangoni.it\/sir-bit\/wp-json\/wp\/v2\/posts\/1935\/revisions\/1941"}],"wp:attachment":[{"href":"https:\/\/www.manuelmarangoni.it\/sir-bit\/wp-json\/wp\/v2\/media?parent=1935"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.manuelmarangoni.it\/sir-bit\/wp-json\/wp\/v2\/categories?post=1935"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.manuelmarangoni.it\/sir-bit\/wp-json\/wp\/v2\/tags?post=1935"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}