Come aggiungere un pulsante per segnalare su Twitter (Retweet) i post del blog, con contatore delle segnalazioni fatte

Ho già parlato in un precedente articolo dell’enorme popolarità immediata di Twitter, e vista la sua crescente diffusione probabilmente è perfino più efficace dei tradizionali servizi di social network per la promozione dei post del proprio blog. Tant’è che in molti siti (soprattutto quelli americani) è l’unico strumento per condividerne i contenuti.

Ho proposto, e uso, un insieme di pulsanti da inserire sotto al post per segnalarlo ai vari servizi della rete italiana, ma può essere una soluzione migliore mettere in maggior evidenza il pulsante per Twitter.

Grazie a Tweetmeme, una sorta di OKNotizie per Twitter, è anche possibile visualizzare un contatore col numero di segnalazioni fatte:

Non è richiesta una registrazione al servizio e se fate largo uso di Twitter, o lo fanno i vostri lettori, può essere una buona idea provarlo. Vediamo come inserirlo. Come sempre, anche se la modifica non è complessa, consiglio di fare prima un backup del template di Blogger, per poter tornare indietro se qualcosa andasse storto.

I pulsanti a nostra disposizione

Ci vengono forniti due diversi pulsanti. Uno più grande:

Che sicuramente andrebbe bene in alto a destra nel post. Il codice per inserirlo è il seguente:

<script type="text/javascript">
tweetmeme_url = &#39;<data:post.url/>&#39;
</script>
<script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js"></script>

L’altro pulsante è più compatto:

E potrebbe essere una buona idea inserirlo in fondo al post. Il codice per inserirlo è questo:

<script type="text/javascript">
tweetmeme_style = 'compact';
tweetmeme_url = &#39;<data:post.url/>&#39;
</script>
<script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js"></script>

Scegliete quale pulsante preferite, copiate il codice e mettetelo da parte.

Pulsante in alto nel post

Dalla bacheca di Blogger, andate in Layout->Modifica HTML e selezionate l’opzione “Espandi i modelli widget”. Nel codice del template cercate la riga che contiene post.body. Nel mio caso è:

<data:post.body/>

ma potrebbe anche essere:

<p><data:post.body/></p>

o analoga.

Se volete che il pulsante sia allineato a sinistra e in alto, subito prima incollate il seguente codice:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style='float:left; margin-right:10px;'>
...codice del pulsante scelto...
</div>
</b:if>

sostituendo la parte in rosso con il codice del pulsante che avete scelto (quello più largo o quello più compatto). Le righe in blu indicano di visualizzare il pulsante solo nella pagina del singolo post e non nella pagina principale del blog. E’ la scelta che propongo io, ma potete eliminare le due righe e visualizzare sempre i pulsanti. Ecco come apparirà il pulsante più grande:

Se invece lo volete a destra in alto (sicuramente preferibile, almeno per quello grande), il codice da personalizzare e inserire subito prima della riga del template è il seguente:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div style='float:right; margin-left:10px;'>
...codice del pulsante scelto...
</div>
</b:if>

Eccone un’anteprima col pulsante più grande:

Una volta inserito il codice, salvate il template ed è fatta.

Pulsante in fondo al post

Se decidiamo di metterlo in fondo al post non lo “fonderemo” col testo. Stavolta il codice andrà incollato subito dopo la riga:

<data:post.body/>

o analoga.

Se lo volete allineato a sinistra, questo è il codice da personalizzare:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<p style='text-align:left;'>
...codice del pulsante scelto...
</p>
</b:if>

Eccome come appare:

Se invece lo volete a destra, il codice da personalizzare è il seguente:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<p style='text-align:right;'>
...codice del pulsante scelto...
</p>
</b:if>

Ed eccone un’anteprima:

Per concludere

Cliccando sul pulsante, Tweetmeme ci chiede l’accesso al nostro account su Twitter. Se glielo accordiamo, verrà automaticamente pubblicato un tweet con il link al nostro post, altrimenti si aprirà la nostra pagina su Twitter con il messaggio già scritto e pronto per essere confermato.

Se decidete di inserire questi pulsanti nel blog, o se lo avete già fatto, mi farebbe piacere avere un vostro feedback. Io sto valutando se farlo.

Ispirazione per questo post è stato quello scritto su Solid Blogger.

Condividi su Facebook, Twitter o Google Buzz:

Per ricevere direttamente in posta i nuovi articoli, inserisci il tuo indirizzo email:

oppure puoi iscriverti al feed per tenerti sempre aggiornato sui nuovi contenuti del blog!
Per maggiori informazioni sui feed, clicca qui!