Pubblicato il 08/03/16e aggiornato il

Installare su Blogger il bottone Segui (Follow) di Facebook.

Come installare in una sidebar o nel modello di Blogger il plugin di Facebook Segui o Follow Button per farsi seguire dai lettori del blog.
Su Facebook oltre alle relazioni paritarie e simmetriche tra amici ci sono anche le relazioni asimmetriche che invece sono la normalità su Google+. Se ci sono delle difficoltà per allacciare una amicizia con utente di Facebook possiamo decidere semplicemente di seguirlo.

Quando inviamo una richiesta di amicizia a un utente, di fatto diventiamo un suo follower e visualizzeremo nella nostra Bacheca i suoi aggiornamenti di stato pubblici. Quasi tutte le persone registrate su Facebook hanno i loro follower. Per conoscerli basta aggiungere /followers all'URL del nostro Profilo quindi pigiare su Invio nella tastiera.

Oltre al numero di persone che ci seguono visualizzeremo anche i loro nomi e i loro avatar

follower-facebook

Possiamo ricambiare l'interesse per noi andando su Segui posto accanto a ciascun avatar. Cliccando su Altro si visualizzerà un menù verticale in cui selezionare Persone seguite per vedere gli utenti che seguiamo. Se tale voce non fosse presente vuol dire che non stiamo seguendo nessuno.

COME INSTALLARE IL BOTTONE SEGUI SU FACEBOOK


L'installazione del pulsante Segui o Follow Button risponde all'esigenza di offrire ai lettori uno strumento per diventare nostri follower. Come accade per tutti i plugin di Facebook per prima cosa bisogna incollare nel nostro modello il javascript SDK. Lo si può fare  creando una applicazione oppure senza crearla. Si deve comunque andare su Modello > Modifica HTML e cercare

<body expr:class='&quot;loading&quot; + data:blog.mobileClass'>


JAVASCRIPT SDK SENZA APPLICAZIONE FACEBOOK

Se si preferisce l'opzione senza applicazione il codice da incollare subito sotto alla riga è il seguente

<div id='fb-root'/>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = &#39;//connect.facebook.net/it_IT/all.js#xfbml=1&#39;;
  fjs.parentNode.insertBefore(js, fjs);
}(document, &#39;script&#39;, &#39;facebook-jssdk&#39;));
</script>
 

INSTALLAZIONE SDK CON APPLICAZIONE FACEBOOK

Se si è creata una applicazione Facebook il codice da incollare subito sotto alla stessa riga è

<!-- Facebook SDK Start -->
<script>
//<![CDATA[
  window.fbAsyncInit = function() {
    FB.init({
      appId      : '116894568356960',
      xfbml      : true,
      version    : 'v2.5'
    });
  };
  (function(d, s, id){
     var js, fjs = d.getElementsByTagName(s)[0];
     if (d.getElementById(id)) {return;}
     js = d.createElement(s); js.id = id;
     js.src = "//connect.facebook.net/it_IT/sdk.js";
     fjs.parentNode.insertBefore(js, fjs);
   }(document, 'script', 'facebook-jssdk'));
//]]>
</script>
<!-- Facebook SDK End -->

Si salva il modello. Nel primo codice si può modificare it_IT per sostituire la lingua italiana con un'altra mentre nel secondo codice va sostituito l'ID della applicazione che è stata creata per il sito.

follower-mark-zuckerberg

 

INSTALLAZIONE DEL BOTTONE SEGUI O FOLLOW


Il codice per il bottone Segui è il seguente

<div class="fb-follow" data-href="https://www.facebook.com/nomeutente" data-layout="standard" data-show-faces="true"></div>

dove al posto di nomeutente si mette la parte finale dell'indirizzo del profilo su Facebook.
Tramite tale codice si può installare il bottone Segui in una sidebar andando su Layout > Aggiungi un gadget > Base > HTML/Javascript > Sezioni del sito. Lo stesso codice può anche essere inserito nel modello di Blogger per mostrarlo per esempio subito sotto il titolo del post oppure alla fine dello stesso. Le istruzioni di installazione e le personalizzazioni della posizione sono le stesse già viste nel post sulla installazione del pulsante Mi Piace



PERSONALIZZAZIONI DEL BOTTONE SEGUI O FOLLOW


Se si opta per inserire il bottone nel modello è meglio sostituire le virgolette con l'apostrofo così

<div class='fb-follow' data-href='https://www.facebook.com/parsifal32' data-layout='standard' data-show-faces='true'></div>

I parametri di questo codice possono essere modificati o sostituiti da altri

data-colorscheme='light' per colori chiari
data-colorscheme='light' per colori scuri
data-layout='standard' per l'aspetto standard
data-layout='box_count' per avere anche un box con contatore
data-layout='button_count' per avere un bottone con contatore
data-show-faces='true' per mostrare gli avatar dei follower
data-show-faces='false' per non mostrarli.




Nessun commento :

Posta un commento

Non inserire link cliccabili altrimenti il commento verrà eliminato. Metti la spunta a Inviami notifiche per essere avvertito via email di nuovi commenti. Se ti ho aiutato con il post o con le risposte ai commenti condividi su Facebook o su Twitter. Grazie.