Come inserire i bottoni sotto il post su Blogger per segnalarlo ai social network


image Più volte mi è capitato in passato di parlare dei social network e di come possano dare una mano a far conoscere quello che scriviamo e quindi portare nuove visite al nostro blog. Tempo fa ho pubblicato anche una tabella comparativa dei risultati ottenuti coi maggiori servizi italiani e ho redatto una piccola guida su OkNotizie, che dalla sua nascita è il punto di riferimento del suo genere.

Ogni servizio propone una pagina apposta per la segnalazione di un articolo, ma viene data anche la possibilità di inserire nel proprio sito un link per accelerare l’operazione. Oggi parlerò proprio di questo, di come inserire facilmente i pulsanti sotto ad ogni post per permettere ai visitatori di votare o segnalare l’articolo, o di condividerlo con Delicious, un servizio di social bookmarking molto diffuso (sostanzialmente, una barra dei preferiti online sempre a portata di mano!) .

Consiglio come sempre di fare prime le modifiche in un blog di prova e di fare il backup del template del blog “ufficiale” prima di modificarlo, per essere sicuri di poter tornare indietro se le cose non vanno bene.

Quali servizi

Al momento ho deciso di inserire i pulsanti per i servizi più diffusi in rete:

Aggiunti il 17 Giugno 2009:

Aggiunti il 24 Settembre 2009:

 

Ho scelto questi per la loro utilità o per il traffico che generano effettivamente superiore ad altri. Ma potrei aggiungerne altri in futuro (anche su vostra segnalazione!), e una volta aggiunti verranno visualizzati automaticamente in tutti i blog che faranno questa modifica.

Questi servizi richiedono prima una registrazione al servizio prima di essere utilizzati per i nostri scopi.

Modifichiamo il template di Blogger

Dalla bacheca, andiamo in Layout->Modifica HTML, selezioniamo Espandi i modelli widget e cerchiamo questa porzione di codice:

<data:post.body/>

Subito sotto, incolliamo queste righe:

<!-- social news - inizio -->
<br/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script src='http://tinyurl.com/yhlcaxy' type='text/javascript'/>
</b:if>
<!-- social news fine -->

AGGIORNAMENTO: a causa dei problemi avuti, ho modificato la parte in rosso nel codice sopra. Dovrete aggiornarlo nei vostri template altrimenti questa modifica non funzionerà più.

A questo punto non resta che salvare il template ed è fatta. I pulsanti saranno visibili soltanto nella pagina del singolo post, per non intasare la pagina principale. Cliccando su un link, verrete portati alla pagina del servizio per segnalare o votare la notizia (ma ricordatevi che prima dovrete essere registrati!).

Considerazioni

Io uso sempre i servizi di social news per segnalare i post, in genere con risultati positivi (anche se tra alti e bassi), ma non li valuto essenziali come spesso vengono additati da altri blogger. Reputo che i risultati dipendano molto dagli argomenti trattati: gli articoli di Creare blog sono piuttosto mirati e non interessano tutti. Ma penso anche che il successo di un blog dipenda maggiormente da altri fattori.

Vi invito a condividere le vostre esperienze, sarebbe molto interessante!

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!

47 commenti:

Andrea - Navigarweb ha detto...

Credo che i social netwwork siano utilissimi in fase di start-up di un blog, e diminuiscono di importanza man mano che aumenta la popolarità.

A me, fra gli altri, da buoni risultati anche ziczac. Non so cosa ne pensi tu.

Antonio - ASOP Blog ha detto...

molto interessante. Non so ancora se inserirli perché secondo me non sono utilissimi per il mio blog. Però se deciderò di aggiungerli terrò a mente questa guida :D

Ti posso fare una domanda nel frattempo (anche se non centra niente con questo articolo)? Ho visto che per il gadget "friendconnect" usi un colore di link diverso (ovvero: nero) mentre per i post usi l'azzurro. Ma come si fa ad assegnare un colore diverso ai link di friendconnect? Io gli cambio colore da rosso a verde però dopo tipo 5 minuti (e vari refresh della pagina) tornano al colore di default...non riesco proprio a fargli cambiare colore..

i roberti ha detto...

..io non rieco a fare la copia di backup e così anche altre applicazioni non riesco a inserirle come per esempio la gestione dei commenti. tu sai dirmi perchè?
grazie e buon lavoro.
roberta

Anonimo ha detto...

Ciao, complimenti per il blog. Ti consiglio di aggiungere anche FaiInformazione, che non è affatto male.

Fedele Mantuano ha detto...

Volendo si può aggiungere anche un pulsante interattivo che contiene molti servizi http://fedelemantuano.blogspot.com/2009/04/aggiungere-un-pulsante-interattivo.html

simonapinto ha detto...

Hi Ten! fatto: sei linkato!
se d'impulso hai visto sul mio blog hai visto qualche errore d'impostazione, non mancare di farmelo sapere!
Grazie ancora Simona

Anonimo ha detto...

Fatto! Rapido, indolore ed efficace come sempre ;-).

Ciao

Andrea - Navigarweb ha detto...

Io già ce le avevo queste iconcine per segnalazioni sui social bookmark, prese non mi ricordo da dove.

Se dai un'occhiata al mio blog, però, vedrai che sono troppo distanziate tra loro.

Sai dirmi perchè? Io le vorrei un po' più "appiccicate".

Ciao e grazie.

Juljulj ha detto...

...semplice e lineare nelle tue spiegazioni...oltre che indispensabile per una negata come me ..."costretta a linkarti" :))) Grazie per i consigli

cwtrading.blogspot.com ha detto...

è veramente un ottimo contributo alla comunità dei blogger, grazie

simonapinto ha detto...

TEN! AIUTO...ho inserito il "conta pagine"(si chiama così?)ma si ferma a 5 e gli altri post si perdono nel limbo - è normale?

Unknown ha detto...

Vorrei chiedervi una cosa.. Non trovo finora una cosa come inserire un videocommento su Blogger o inserire video-risposta Youtube nei commenti Blogger.. Invece con Wordpress funziona alla meraviglia ma non voglio passare da Blogger a Wordpress! Conoscere qualche metodo per questa cosa su Blogger?????????? :-(

°°SkleromuciLL° ha detto...

Ciao Tenebrae, non centra nulla col tuo post ma non ho trovato l'argomento fra i tuoi, così scrivo qui...
Ho un problema e mi chiedevo se potevi aiutarmi...
Da qualche tempo ho notato che il mio blog viene tagliato su "internet explorer", che mi taglia via tutta la colonnina dei gadget, link, etichette, ecc... e mi taglia anche la colonna dei post, rimanendo fisso su un ultimo post scritto tempo fa e togliendomi persino i link "post precedenti" e "post successivi" e con quelli la possibilità di vedere tutti gli altri post scritti...
Sai aiutarmi?!?
Scusami se mi sono dilungata troppo e grazie in anticipo per il tuo tempo,
a presto!! ^^

Tenebrae ha detto...

@andrea: ziczac è un ottimo servizio, ma mi sembra lontano come volume di traffico dagli altri che ho segnalato

@antonio: a me in genere i colori tornano quelli predefiniti quando cambio qualcosa nel template. comunque non ho cambiato il colore del testo, solo dei bordi

@i roberti: che errore ti da quando cerchi di fare la copia di backup?

@drewes: faiinformazione è interessante, sto valutando se metterlo o meno

@fedele: devo dire che preferisco i pulsanti così come li ho presentati io, mi sembrano decisamente più diretti

@andrea: la distanza tra le icone dipende dalle impostazioni dei CSS nel tuo template. probabilmente anche seguendo la mia modifica avresti lo stesso problema

@juljulj: grazie! ricambierò stasera!

@simonapinto: controlla che il numero di post da visualizzare nelle pagine corrisponda alle impostazioni di blogger... nel post faccio un appunto apposta

@vlog: mi dispiace, ma su blogger non è possibile farlo... al massimo è possibile linkare il video

Tenebrae ha detto...

@°°SkleromuciLL°: mandami il tuo template in posta così posso darci un'occhiata

Unknown ha detto...

Lo sapevo.. e si può linkare il video? come? ho provato e non va :-(

Zadig ha detto...

Grazie del post, da qualche tempo mi chiedevo come fare per mettere questi bottoncini. Che mi dite di Liquida?

Antonio - ASOP Blog ha detto...

Ok grazie Tenebrae...fa lo stesso, lo lascierò con i colori predefiniti

simonapinto ha detto...

Ten /kyou!e me lo ricoradvo pure che dicevi di fare attenzione- poi, riguardando ho pensato che per avere meno scrolling era meglio passare da 5 a 3....che babba!lol ti ho linkato ma non con il tuo loghino- a che punto va inserito il tuo codice?

francescogior ha detto...

Ciao! Grazie del post, mi serviva proprio qualcosa come questo. Avevo usato un altro script ma il tuo è migliore perchè si collega a quel database e quindi il codice è molto più stringato

Michele ha detto...

ciao sono Michele di pianetatempolibero
io, se possibile, vorrei mettere: oknotizie, wikio, technorati e segnalo.alice

e' possibile questa modifica o e' un casino
grazie
ciao
Michele

alexs ha detto...

Orazio se passi da me ci sono altri 3 premi per te, ti aspetto...
ciao Alessandra

Antonio ha detto...

Tenebrae è la prima volta che vedo il tuo blog con explorer (uso sempre firefox altrimenti) e ti volevo dire che il "container" è larghissimo. Non so come spiegarti ma si vede male l'interfaccia grafica del tuo blog, è solo un mio problema? Magari ne sei già al corrente però mi sembrava giusto segnalartelo

Anonimo ha detto...

Ciao, già da tempo ho linkato il tuo interessantissimo blog, utilizzando molti dei consigli che riporti, ma avrei una domanda, come si può inserire ai piedi del post i bottoni di OKnotizie per votare direttamente? Perchè con la modifica che suggerisci, quando clicchi sull'icona la pagnia che viene visualizzata è quella di accesso al servizio, però non permette di votare a chi, per esempio, non è registrato.

Anonimo ha detto...

scusami se ti scrivo qui, il tuo sito mi è stato utile già tnt volte x modificare il mio blog, ora xò ho un piccolo problema, e anke se nn riguarda qst argomento spero tu possa dirmi cm fare. Vorrei mettere una playlist nel mio blog di blogger cn dei brani xò miei, sn delle cover di canzoni famose, mi sai dire cm fare???x favore. grazie in anticipo

Lavoro A Domicilio - Omar ha detto...

Grazie Orazio, erano un po di tempo che cercavo come implementare questa serie di bottoni su Blogger, ma non l'ho trovavo, ora ci sono riuscito grazie a te. Ciao

Anonimo ha detto...

Risolto :-) grazie comunque

Tenebrae ha detto...

@zadig: liquida? che io sappia non gestisce un sistema di segnalazione o votazione degli articoli

@crocodile: grazie, appresso quello che hai scritto perchè cerco sempre la strada più semplice da suggerire agli altri per fare le cose... considera inoltre che verrà aggiunto in automatico (o almeno dovrebbe!) quando dovessi aggiungere altri pulsanti!

@michele: facendo questa modifica i pulsanti saranno uguali per tutti... cmq segnalo penso di aggiungerlo!

@antonio: strano, non ho questo problema e non mi è stato mai segnalato, che versione di IE usi?

@anonimo: servizi come last.fm se non sbaglio ti permettono di caricare tu i pezzi e di farli ascoltare nel tuo blog

Anonimo ha detto...

Scusa tenebrae... ma perchè manca giusto facebook fra i pulsanti?

robbe

PuntodivistaCeliaco ha detto...

Ciao Orazio,
ogni tanto riemergo.
Come va?

Unknown ha detto...

Riuscita al primo colpo! Grazie Tenebrae

ferrOnline ha detto...

Ottimo post. Era proprio quello che mi serviva per incrementare le visite del mio blog. Grazie

\\\ ha detto...

Mi sto proprio divertendo.. :)
Grazie ancora per il tuo lavoro.

A proposito di questo post, mi chiedevo se è possibile personalizzare il titolo 'Vota o condividi l'articolo'

Ciao

Be Pink Sheeps ha detto...

è davvero molto utile questo blog. da sola non saprei come fare :)

Be Pink Sheeps ha detto...

ma poi per cancellare il link di alcuni di questi siti basta che mi cancelli da questi?

Anonimo ha detto...

Ciao, quando ho letto questo articolo circa una settimana fa, avevo deciso di seguire i tuoi consigli e infatti ti ho mandato un commento per dirtelo. Ma nemmeno nei miei più arditi sogni mi sarei aspettata una simile impennata nelle visite!!!! siccome ne sono rimasta sbalordita, posto il commento per condividere con gli altri lettori la mia contentezza. Grazie infinite.
Sonia

Nimoe ha detto...

ciao :)
Ma è possibile fare in modo che i bottoni vengano inseriti anche nella pagina principale, e non solo nelle pagine singole di ogni post? io per esempio non li apro mai uno ad uno, non vorrei così risultasse poco visibile...
ciao e grazie :)

greg fotter ha detto...

Ciao!!! complimenti per il blog...

ho provato ad inserire i bottoni sotto ai post, ma tra alcune icone, compaiono dei trattini, come se fosse una specie di sottolineatura da link... come posso fare a toglierle???

il blog è questo:

http://elezioniregionali2010puglia.blogspot.com/2009/12/puglia-centrosinistra-si-spacca-pure-su.html

grazie!!!

Alida ha detto...

Grazie mille!! Per fortuna che esistono blog come il tuo altrimenti noi poveri principianti nn combineremmo niente!! GRAZIE

Unknown ha detto...

Ma come mai che oggi non si vedono più sul mio blog?Ormai sono 2-3 mesi che li avevo inseriti e mai un problema.

Marco Giannini ha detto...

@hells
Se leggi su il codice è stato modificato per problemi di hosting. Basta aggiornare come da istruzioni sopra riportate (sostituire la parte in rosso)

Nicola Milandri ha detto...

Complimenti per la completezza del Blog....!
Ho aggiunyo questo script....è perfetto e dimensionato nel modo giusto..ma mi da errore con http://twitthis.com ...è un loro problema o del mio template..
Milo

Unknown ha detto...

Ciao, grazia anche da parte mia. Come posso inserire i bottoni anche nella pagia principale, sotto ogni post? Complimenti per il successo del tuo blog.

Zampetteamiche ha detto...

Scusatemi la parte in rosso che è stata corretta è quella da inserire o se no da correggere con quale altra???Non è molto chiaro o perlomeno io non ho capito e mi scuso per questo
Grazie mille

Anonimo ha detto...

Ciao, ti chiedo solo se i bottoni compaiono solo se sei iscritto? E successivamente effettuata l'iscrizione devo riaggiornare il modello?

Recenso ha detto...

Io ho un template predefinito, scelto proprio dal design dei modelli, ma non sono viisbili lo stesso...

Danilo Andreini ha detto...

Vi segnalo un social italiano dove poter avere link dofollow con le proprie condivisione, si chiama Questioner e la guida per inserire il pulsante share è qui http://www.help.questioner.it/il-pulsante-condivisione-di-questioner/


Prima di lasciare un commento, leggete qui

Posta un commento

Nota. Solo i membri di questo blog possono postare un commento.