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
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
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 = '//connect.facebook.net/it_IT/all.js#xfbml=1';
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>
<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 = '//connect.facebook.net/it_IT/all.js#xfbml=1';
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</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 -->
<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.
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.
Non ci capisco! fino a poco fa nel mio blog si vedeva il numero di followers che ho su FB ora invece vedo solo l'icona quadrata FB :(
RispondiEliminaProva a aggiornare il codice. Forse il plugin che usavi non è più sopportato
Elimina@#
non so come aggiornare il codice che era
RispondiEliminaecc ecc Badge END -->
ma tu non puoi suggerirmene uno? Anche perche' nemmeno io riesco a capire quanti like lla mia pagina FB ho :( grazie
Non so a cosa ti riferisci. Il numero di followers su Facebook non mi ricordo neppure in quale widget era visibile. Forse ti riferisci a chi ha messo Mi Piace nella tua pagina o a un codice come questo
Eliminahttps://www.ideepercomputeredinternet.com/2015/04/page-plugin-facebook-blogger-wordpress-install.html
Dalla fine del codice che hai indicato ovvero Badge END --> posso pensare che non si tratti di un mio widget perché in genere uso commenti in italiano
@#