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:

image

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:

image

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:

image

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:

image

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:

image

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:

image

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:

image

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:
Condividi su Facebook Condividi su Twitter Pubblica su 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!

17 commenti:

Staff di Italy-lowcost ha detto...

Il l'ho inserito nel blog http://italy-lowcost.blogspot.com/
se ho novità di rilievo te le comunicherò!!

Salutoni

Pasquale

Sail Away ha detto...

Io deciso di renderlo sempre visibile. http://enya-sailaway.blogspot.com/

PS Dai un'occhiata alla barra di navigazione Wibiya che ho aggiunto nel blog http://www.wibiya.com/ Ha molte funzioni. Ho anche aggiunto il gadget Apture (davvero utile)http://www.apture.com/ Per vederla in azione vai a questo post http://enya-sailaway.blogspot.com/2010/01/tv-performances-book-of-days.html e scorri il mouse vicino all'icona del libro aperto che compare vicino alla parola in evidenza.

Lumaca a 1000 ha detto...

ciao, è da un pò che ti seguo ma è la prima volta che commento, prima di tutto complimenti per il blog, è davvero utile e bello!!!
poi volevo chiederti una cosa, ieri seguendo le tue istruzioni mi sono registrata su twitterfeed e tutto è andato bene, solo che nella mia pagina twitter non compare il link al post che ho scritto nel mio blog dopo la registrazione per fare una prova, dove posso avere sbagliato?
grazie mille!

Rotator ha detto...

Posso farti una domanda (che non centra nulla con il post sopra)? :D

Ho letto parecchi articoli tuoi, però non ho trovato quello che cercano. Vorrei allargare la colonna centrale del mio blog (quella dove vengono visualizzati i post per intenderci), è possibile?

Lumaca a 1000 ha detto...

aggiungo un paio di informazioni:quando accedo a twitterfeed accanto a feed dashboard tra parentesi c'è scritto 1 feeds; e poi, all'inizio della registrazione quando mi chiedeva name feed io ho messo un nome a caso, ho fatto una cavolata vero?
grazie di nuovo!

Michele ha detto...

ci stavo provando pero' prima mi e' successo una cosa che non riesco a risolvere:
Ciao
sono Michele di http://pianetatempolibero.blogspot.com/
alla fine dei post del mio blog ho inserito:
il tasto iscriviti al feed
e il tasto per Friend connect

ma la cosa stravagante che non riesco piu' a far apparire i bottoni dei social network

le ho provate tutte ma non compaiono, mi puoi dire qualcosa ?
ciao grazie Michele

Michele ha detto...

ci sono riuscito
ma sinceramente non so come
ciao
Michele pianetatempolibero

lella ha detto...

ma ciao carissimo
sono stata molto contenta di leggere il tuo commento al mio rientro.Mi ha fatto molto piacere.
Spero piano piano (o pole pole come dicono i kenioti)di rientrare alla normalità,perchè ti confesso di essere parecchio fuori fase x tutto quello che ho visto.
A presto e buon tutto a te e Mary
un forte abbraccio
Lella

Lumaca a 1000 ha detto...

Chiedo scusa per il disturbo! mi sono accorta che avevo omesso un dettaglio fondamentale al momento della registrazione, ho corretto ed ora funziona perfettamente!
Grazie comunque!

Tenebrae ha detto...

@sail away: pensa, nei giorni scorsi ho proprio dato un'occhio a questo servizio, per poterne parlare qui sul blog

@lumaca: l'importante è che si sia risolto :)

@rotator: certo, ne ho parlato qui

@michele: oh, beh... tutto è bene quel che finisce bene :D

Madame Chantilly ha detto...

Ciao Orazio! Grazie per aver postato un commento sul mio blog e aver ricevuto i complimenti da uno bravo come te mi ha lasciata sbalordita. Prendo e porto a casa, anche se so che le cose che devo imparare sono tantissime. Ma col tuo aiuto... Grazie anche per avermi linkata. Credo tu sia l'unico maschietto che l0abbia fatto per ora! Vuoi per caso imparare a ricamare a punto croce?!?!?! Io insegno una cosa a te e tu una a me! HA!HA!HA!

Anna ha detto...

Ciao Tenebrae,
ho inserito il pulsante per il retweet nei miei blog tempo fa e ne avevo anche parlato prendendo spunto da alcuni siti americani perché in italiano non avevo trovato nulla.
Non so se serva o meno, personalmente l'ho messo perché ho notato che tutti i blog più importanti lo hanno. Penso che Twitter inizierà a diffondersi un po' di più ora che è anche stato tradotto in italiano.

Ketty Formaggio ha detto...

Ciao Tenebrae, ti ringrazio ancora per tutto il tuo aiuto!
Ho aggiunto il link del tuo sito nel nuovo blog che gestisco, http://adev-salento.blogspot.com/ è un blog per supportare i cuccioli abbandonati nel sud della puglia. Puoi aggiungerci ai tuoi link? Grazie!
Se qualche tuo lettore vuole venire a supportarci saremo molto felici! :)

Staff di Italy-lowcost ha detto...

Non riesco a portare lo share sulla riga precedente! Ti dispiace collegarti al mio blog http://italy-lowcost.blogspot.com/
e verificare come posso fare?

GRAZIE

maxi roma ha detto...

Ciao ho provato sia il pulsante di FB che Tw e funzionano entrambi sul mio blog:http://www.vitedacani.blogspot.com,solo che non mi appaiono sulla Home Page ma solo quando chiami post.
Cmq figo grazie!

Guglielmo ha detto...

non trovo il tag soltanto un sacco di condizioni che ci fanno riferimento, ma mai quando è stata definita. Eppure non ho mai fatto modifiche nel layout html...

Enzo ha detto...

Ciao trovo utilissimi questi pulsanti. Ho inserito prima il condividi su fb con contatore. Poi però se nel template aggiungo quello si twitter, mi fa sparire l'altro. Cme faccio ad inserire entrambi? Grazie


Prima di lasciare un commento, leggete qui

Posta un commento