Come incrementare i fans dei social network con Blogger


Sicuramente avrete notato che ci sono alcuni siti web che non si posizionano bene sui motori di ricerca ma nonostante questo riescono ad ottenere parecchio traffico grazie ai social network. Sui social è più facile ottenere utenza rispetto ad un sito ed è possibile sfruttare questo traffico installando dei widget sul blog per ricordare che la vostra pagina Twitter, Facebook e Google+ sono strettamente collegate al blog.

In passato ho creato un articolo su come implementare il popup con il like box di Facebook ma questa oltre ad essere una soluzione parecchio invasiva è anche difficile da installare.

In questo articolo vi spiegherò un altro "trucchetto" per incrementare il numero di fans dei social network con Blogger. Attraverso questo jQuery mostrerete una piccola finestra in basso a destra (solo se si effettua lo scrolling della pagina) con i tre pulsanti social in modo da ricordare che possono seguirvi anche da Twitter, Facebook o Google+.

Dovete andare su Modello > Modifica HTML, cercare il tag ]]></b:skin> e prima di esso dovete aggiungere questo codice css:
/* Scuolissima.com Social Slide out Box Widget
-----------------------------------------------*/
#scuolsocialslide{background:#f3f3f3;border-radius:9px;-moz-border-radius:9px;-webkit-border-radius:9px;-moz-box-shadow:inset 0 0 3px #333;-webkit-box-shadow:inset 0 0 3px #333;box-shadow:inner 0 0 3px #333;padding:12px 14px 12px 14px;width:300px;position:fixed;bottom:13px;right:2px;display:none;z-index:3;height:65px;}

Poi andate su Layout > Aggiungi un gadget > HTML/Javascript ed andate ad incollare il seguente codice in qualsiasi posizione senza inserire il titolo:
<script type="text/javascript" src="https://sites.google.com/site/scuolissima1/home/archivio/jquerysocial.min.js"></script>
<script type="text/javascript">$(window).scroll(function(){if($(document).scrollTop()>=$(document).height()/4)$("#scuolsocialslide").show("slow");else $("#scuolsocialslide").hide("slow");});function closeSCuolsocialslide(){$('#scuolsocialslide').remove();$.ajax({type:"POST",url:"/facebookpage.php"});}</script>
<div style="display: none;" id="scuolsocialslide">
<a style="position:absolute;top:14px;right:10px;color:#555;font-size:10px;font-weight:bold;" href="javascript:void(0);" onclick="return closeSCuolsocialslide();">(X)</a>
<span style="font-family: Tekton Pro; font-size: 20px; margin: 10px 0; text-shadow: 1px 1px 0 #FFFFFF;">Continua a seguirci sui social!</span><br />
<div style="float:left; margin:15px;"><g:plusone annotation="none"></g:plusone></div>
<div style="float:left; margin:15px;"><iframe src="//www.facebook.com/plugins/like.php?href=https%3A%2F%2Fwww.facebook.com%2FScuolissima&amp;send=false&amp;layout=button_count&amp;width=80&amp;show_faces=false&amp;action=like&amp;colorscheme=light&amp;font=arial&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:80px; height:21px;" allowtransparency="true"></iframe></div>
<div style="float:left; margin:15px;"><a href="https://twitter.com/Scuolissima" class="twitter-follow-button" data-show-count="false" data-size="large" data-show-screen-name="false">Segui @Scuolissima</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script></div>
</div>
<div class='clear'></div>

In quest'ultimo codice dovete sostituire la parola "Scuolissima" con il nome della vostra pagina Facebook o Twitter e poi se volete potete anche personalizzare la scritta "Continua a seguirci sui social!".

Comunque non consiglio l'uso continuo di questo metodo per incrementare i fans perché chi avrà già messo Mi Piace o si è già aggiunto alle vostre cerchie vedrà nuovamente i tre pulsanti; penso però che non sia nemmeno tanto fastidioso in quanto è presente pure la crocetta per chiuderlo.

Fonte | MyBloggerLab



Nessun commento :

Scrivi un commento

I commenti dovranno prima essere approvati da un amministratore. Verranno pubblicati solo quelli utili a tutti e attinenti al contenuto della pagina. Per commentare utilizzate un account Google/Gmail, altrimenti la modalità "anonimo".