Pubblicato il 11/04/10 - aggiornato il  | 19 commenti :

Come inserire un contatore delle visite di ogni singolo post su Blogger.

Per vedere in quanti hanno letto un articolo del tuo blog su Blogger puoi sempre accedere a Google Analytics e controllarne i dati. Può essere interessante mostrare anche ai visitatori quante sono state le persone che hanno letto quel post prima di loro. Si può cioè creare un contatore che mostra tale numero e piazzarlo, per esempio, subito sotto al titolo del post
 contatore-blogger

Ho pensato di dare due opzioni di inserimento: con icona o senza icona. In ogni caso è tutto completamente personalizzabile come vedremo. Iniziamo con l'HTML

CODICE CONTATORE CON ICONA 

<!--CONTATORE VISITE POST CON ICONA INIZIO-->
<b:if cond='data:blog.pageType == &quot;item&quot;'><div align='center' style='border:solid 2px #868686; padding:2px; margin:2px; width:100px; display:compact'><img  src='http://public.blu.livefilestore.com/y1pKP01KwX_b6o1rWk7WzskW-KSB-4ahGl17vzhgoD6bEmbV_wSUMCxvNTv03R3RooFcWaakJ300N7k4Ud7xTS2DQ/visite.gif' width='16' height='16'/> <a href='URL_DELBLOG'><b><font size='2'><script src='http://nirav07.ulmb.com/counter.php' type='text/javascript'/> Visite</font></b></a></div></b:if>
<!--CONTATORE VISITE POST CON ICONA FINE - http://parsifal32.blogspot.com-->


CODICE CONTATORE SENZA ICONA

<!--CONTATORE VISITE SENZA ICONA INIZIO-->
<b:if cond='data:blog.pageType == &quot;item&quot;'><div align='center' style='border:solid 2px #868686; padding:2px; margin:2px; width:100px; display:compact'><a href='URL_DEL_BLOG'><b><font size='2'><script src='http://nirav07.ulmb.com/counter.php' type='text/javascript'/> Visite</font></b></a></div></b:if>
<!--CONTATORE VISITE SENZA ICONA FINE - http://parsifal32.blogspot.com-->


Le parti evidenziate in rosso possono essere personalizzate nel seguente modo:

  1. Le dimensioni del rettangolo (width:100px)
  2. Lo spazio esterno al rettangolo (margin: 2px)
  3. Lo spazio interno al rettangolo (padding: 2px)
  4. La forma del rettangolo (solid = linea continua, dashed = linea tratteggiata, dotted = linea punteggiata)
  5. Il colore del bordo del rettangolo (#868686)
  6. Al posto di Visite può essere inserita un'altra espressione
  7. Si inserisce l'URL_DEL_BLOG o un'altra pagina come link al contatore
  8. Al posto dell'icona di default con l'URL lunghissimo evidenziato di rosso ne può essere inserita un'altra che deve essere in formato di 16x16px (circa), caricata su un hosting gratuito tipo Skydrive e esserne acquisito l'URL relativo.

La posizione in cui inserire il contatore è soggettiva e dipende dai modelli. Se si vuole mettere subito sotto il titolo del post si deve cercare la seguente linea di codice

<div class='post-header-line-1'/>

Per poterlo fare occorre andare su Layout > Modifica HTML e espandere i modelli widget. Il codice prescelto dovrà essere incollato subito sotto.

Alternativamente si può cercare la riga

<data:post.body/>

e incollare il codice subito sopra. Se invece si vuole inserire il contare alla fine del post si deve cercare la riga

<div class='post-footer'>

e incollarlo subito sotto. Si può incollare anche sopra alla riga

<div class='post-footer-line post-footer-line-1'>

Il contatore sarà visibile solo se si apre un post mentre non sarà visualizzato in homepage, nelle pagine di archivio e nelle pagine statiche.

Per vedere il suo aspetto potete andare nel mio blog di prova 

Fonte | AllBlogTools -

Aggiornamento importante:

Se al posto del'URL del blog volete inserire il link dell'articolo, il codice da incollare con le stesse modalità è il seguente

<!--CONTATORE VISITE POST CON ICONA INIZIO-->
<b:if cond='data:blog.pageType == &quot;item&quot;'><div align='center' style='border:solid 2px #868686; padding:2px; margin:2px; width:100px; display:compact'><img  src='http://public.blu.livefilestore.com/y1pKP01KwX_b6o1rWk7WzskW-KSB-4ahGl17vzhgoD6bEmbV_wSUMCxvNTv03R3RooFcWaakJ300N7k4Ud7xTS2DQ/visite.gif' width='16' height='16'/><a expr:href='data:post.addUrl'><b><font size='2'><script src='http://nirav07.ulmb.com/counter.php' type='text/javascript'/> Visite</font></b></a></div></b:if>
<!--CONTATORE VISITE POST CON ICONA FINE - http://parsifal32.blogspot.com-->

dove la parte sostituita a  <a href='URL_DELBLOG'> è quella evidenziata di rosso. Nel caso del codice senza icone si procede nello stesso modo, sostituendo solo quella piccola porzione di HTML.

Nella demo è stato inserito quest'ultimo codice per evitare di autolinkare sempre la home e per avere il collegamento solo al post a cui si riferisce il contatore. 





19 commenti :

  1. non sapevo esistesse;ma forse è meglio non sapere quanti sono interessati al singolo post,almeno nel mio caso.
    E' già un successone quando qualcuno passa x caso da lì:-))))
    Credo sia interessante per altri blog, nel caso in cui si voglia sapere a quale argomenti siano più interessati i sostenitori.
    Buon pomeriggio
    kiss
    Lella

    RispondiElimina
  2. @lella
    Ho visto il tuo commento solo adesso quindi non posso far altro che augurarti "Buon inizio settimana" :-)

    RispondiElimina
  3. Ciao a tutti, volevo segnalarvi che questo widget contiene pubblicità occulta. Quando viene visualizzato questo widget se si clicca in un punto vuoto all'interno del post si apre una finestra pubblicitaria. L'ho subito rimosso dal mio blog... Saluti.

    RispondiElimina
  4. @Max
    grazie della segnalazione. Come avrai visto dai credit del post il widget non è mio ma l'ho ripreso da un altro sito.

    RispondiElimina
  5. in effetti mi domandavo perchè si aprissero finestre .. si può far qlcs parsifal?? o è meglio rimuoverlo?? perchè era carino e dava un'idea di quanti avessero aperto quella determinata pagina

    RispondiElimina
  6. Buongiorno Parsifal... oggi vorrei inserire un semplice contatore dei visitatori del blog... ma nn di quelli che ti dicono chi è online... semplicemente che conti il n° dei visitatori nel tempo... spero di essermi spiegata kiss :)
    ho aggiunto trendcounter... ma nn ho capito se è di quelli che dice solo chi legge al momento o se somma viavia i vari lettori kiss

    RispondiElimina
  7. @tex willer
    quando ci sono dei file javascript in un widget li scarico sempre per controllarli e per ricaricarli su un mio hosting.
    In questo caso si tratta di un file php che purtroppo non so trattare...

    @soffio di dea
    Per un contatore poi rivolgerti ad histats che ti dà un sacco di opzioni e di funzionalità. Puoi trovare un tutorial abbastanza completo in questo post
    http://parsifal32.blogspot.com/2009/08/come-inserire-il-contatore-histats-in.html
    Ciao a tutti

    RispondiElimina
  8. Grazie, gentilissimo come sempre. Kiss

    RispondiElimina
  9. Ho messo il codice ma non mi esce il numero di persone che hanno visualizzato il post...e andando anche nella tua pagina di prova succede lo stesso...ne sai qualcosa???

    RispondiElimina
  10. @Redazione
    Il file non risiede in un mio spazio. Può essere che attualmente il server non sia raggiungibile e non funzioni.
    Prova ad aspettare qualche ora.
    Se il problema persiste allora vuol dire che è stato disattivato.
    Ciao

    RispondiElimina
  11. Ernesto nel caso volessi inserire un counter terrebbe già conto delle statistiche attuali? Insomma quelle che vedo su blogger quindi visite etc.
    Grazie. :)

    RispondiElimina
  12. @Marguerite N.
    No. I conteggi inizierebbero dal momento della installazione. Poi questo widget non lo consiglio perché, come puoi leggere nei precedenti commenti, c'è una pubblicità occulta di cui non mi ero reso conto quando ho scritto il post e che non sono riuscito a eliminare perché il file PHP sta in uno spazio non mio

    RispondiElimina
  13. avrei propio bisogno di un widget simile, magari che contasse anche le visualizzazioni pre installazione.

    RispondiElimina
  14. @CINETIK
    Se lo trovo lo pubblico però per adesso ce ne sono solo per chi possiede un sito in cui caricare pagine in PHP

    RispondiElimina
  15. perchè non pubblichi lo script php così ognuno lo puo inserire in un sito di supporto esterno a proprio piacere?

    RispondiElimina
  16. @Grigione Rewa
    Lo script PHP la fonte indicata nel post non lo condivide. Ho cercato nel web, non molto a dir la verità, ma non l'ho trovato

    RispondiElimina
  17. non funziona ho provato anche anche volte, non incrementa le visite, ho inserito il codice così come l'hai postato:

    il mio blog è http://www.rivistafiscaleweb.com

    RispondiElimina

Non inserire link cliccabili altrimenti il commento verrà eliminato. Metti la spunta a Inviami notifiche per essere avvertito via email di nuovi commenti.
Info sulla Privacy