Come inserire un contatore di visite del blog con Histats.

Gli utenti di Blogger hanno a disposizione la scheda Statistiche per monitorare il numero di pagine viste del proprio sito. Volendo tali statistiche possono anche essere mostrate ai visitatori con l'installazione dell'apposito widget che fu introdotto quasi sei anni fa insieme a quello dei Post più Popolari. Tale widget può anche essere personalizzato per adattarlo allo stile del blog. Si va su Layout > Aggiungi un gadget > Base > Statistiche del blog per poi selezionare le opzioni stilistiche e il periodo da prendere in considerazione.

Se si desiderano avere dei dati molto più dettagliati bisogna utilizzare Google Analytics di cui mi occuperò nei prossimi articoli. Ci sono però a disposizione dei servizi molto semplici e gratuiti che possono essere considerati una via di mezzo tra le Statistiche di Blogger e Google Analytics e che consentono di mostrare dei contatori di visite personalizzati nella forma e nella sostanza.

Il bottone con contatore di Twitter è stato deprecato.

Se nel vostro sito avete un bottone di Twitter con il contatore vi sarete accorti che da due giorni ha cambiato aspetto e che il contatore non c'è più. Si tratta di una modifica grafica e ingegneristica che Twitter aveva da tempo annunciato e che è diventata realtà il 20 Novembre 2015.

La nuova grafica dei bottoni dei Twitter prevede che ci sia il contatore solo per i follower nel pulsante per seguire un utente e che tale contatore non ci sia invece più per il conteggio del numero dei tweet ricevuti da una pagina web. 

La ragione di questa decisione è stata illustrata in un post del blog di Twitter. I tecnici della celebre piattaforma hanno preso questa "hard decision" perché le risorse sono finite e perché è giusto focalizzarsi su prodotti più longevi. Secondo loro il numero di tweet che riceve un URL non riflette il suo reale impatto che invece dovrebbe invece riguardare l'intensità della conversazione innescata e il numero di risposte. Il conteggio nei pulsanti di Twitter era stato introdotto quando nel web solo tale bottone lo aveva. Ora invece i pulsanti di Twitter vengono comunemente collocati insieme a altri bottoni di condivisione alcuni dei quali con conteggi.

Installare un contatore di visite nei blog a Visualizzazione Dinamica.

E' noto che i blog di Blogger del tipo a Visualizzazione Dinamica o Dynamic Views sono difficilmente personalizzabili ma qualcosa si può fare anche se si tratta quasi sempre di piccolezze. Sono stati introdotti i widget, è ora possibile mostrare sempre la sidebar degli stessi, nascondere alcuni elementi, impedire da passare da una visualizzazione a un'altra, aggiungere l'intestazione e personalizzarla, modificare il colore dei widget e quello dell'icona dei commenti. In ultimo si può anche aggiungere il bottone di Pinterest. Per effettuare queste modifiche si sfruttano essenzialmente i CSS visto che la modifica del template per il momento è ancora piuttosto ardua.

Barra verticale con effetto slide per bottoni dei social network.

AddThis è un servizio specializzato nella realizzazione di widget per gli utenti di tutte le piattaforme. E' talmente usato che ha Page Rank 10 esattamente come Google e Twitter e più del 9 di Facebook. Ho già presentato diversi gadget di AddThis come quello dei bottoni di condivisione o della toolbar. Si possono usare gli script di AddThis per creare dei metodi di condivisione che altrimenti sarebbero più complicati basandosi esclusivamente sulle API ufficiali dei vari social network. 

Il gadget che andrò a illustrare è una barra verticale a scomparsa che si visualizza al passaggio del mouse su una apposita icona e che mostra direttamente i bottoni con contatore di Facebook, Twitter e Google Plus ma che ha anche il pulsante di AddThis che consente ai lettori di stampare il post, di metterlo tra i Preferiti o di condividerlo su servizi quali OKNotizie, Diggita, Tumblr, StumbleUpon e altri ancora. Andando inoltre su Impostazioni si possono personalizzare i servizi da visualizzare selezionandoli tra i centinaia supportati da AddThis. Ecco uno screenshot dei vari passaggi

Contatore del numero delle visite per i post di Blogger.

La realizzazione di un contatore in tempo reale per le visite che riceve ciascun post di un blog su Blogger è sempre stata un compito difficile perché su Blogger non esiste la possibilità di creare un database e quindi ci si doveva appoggiare su coloro che lo avevano già creato. In un widget di questo genere che presentai tempo fa era presente della pubblicità nascosta che si presentava quando ci si cliccava sopra. Come se non bastasse improvvisamente cessò di funzionare presumo per il superamento dei limiti di banda. Vediamo finalmente come creare un database con il servizio gratuito Firebase per poi utilizzarlo per realizzare un contatore di visite per Blogger.

Un account gratuito su Firebase offre 5GB di spazio e 10GB di limite di banda che sono ampiamente sufficienti per fare quello che ci si propone. Si va su Sign Up e si compila il modulo di iscrizione inserendo un indirizzo email e una password. Subito dopo dovremo digitare il nome che si vuole dare al nostro database, che ne determinerà l'URL sul web

Pulsanti con contatore di Pinterest per modello o sidebar di Blogger.

Il social network Pinterest divide il mondo del web in modo pressoché radicale. C'è chi lo considera come il social del futuro e chi invece lo trova assolutamente inutile. Come spesso accade la verità sta probabilmente nel mezzo e la utilità di Pinterest è funzione del tipo di attività web che si sta svolgendo. Chi usa poco le immagini non è interessato all'utilizzo di Pinterest perché è proprio sulla condivisione di foto la sua caratteristica. D'altra parte chi lavora molto con le immagini può trovare Pinterest come uno strumento fondamentale per dare viralità alle sue realizzazioni.

La condivisione delle immagini può avvenire attraverso dei bookmarklet aggiunti al browser oppure tramite dei bottoni appositamente inseriti nel sito. Vediamo come si possano installare su Blogger dei bottoni con contatore che permettano agli utenti di pinnare le nostre foto. Si utilizzano i Goodies di Pinterest per ottenere il codice da inserire nel modello oppure anche in un gadget HTML/Javascript.

Numerazione di Commenti e Risposte in Blogger.

Dopo un primo articolo di assaggio sulla numerazione dei nuovi commenti nidificati di Blogger, sono riuscito a trovare la soluzione definitiva. Devo dire in modo anche piuttosto brillante scusandomi per l'immodestia. Il meccanismo che avevo presentato aveva infatti la controindicazione di non assegnare un numero univoco ai commenti perché un utente poteva sempre rispondere a un commento che non fosse l'ultimo e questo avrebbe aumentato di uno il numero di tutti i commenti successivi. Come avevo già detto non si tratta di numerare i commenti ma le discussioni che sorgono in calce a un post.

Possiamo dire che ci sono dei commenti padre (madre) che possono essere solitari e dei commenti figlio/a che sono formati dalle risposte a un singolo commento padre. Bisogna trovare un sistema di numerazione per i commenti padre, che poi sono le discussioni o thread, associato a un altro sistema di numerazione per le risposte associate. Non mi dilungo in disquisizione tecniche e passo subito alla presentazione della personalizzazione. Si va su Modello > Backup/Ripristino e si salva il modello completo per un eventuale backup di sicurezza. Si torna su Modello > Modifica HTML > Procedi e si cerca, mediante F3 o Ctrl+F, la riga ]]></b:skin> quindi, immediatamente sopra, si incolla il codice seguente

Contatore personalizzato per Natale e Capodanno.

Dopo essermi sbizzarrito a presentare diversi Effetti per Natale un po' in ritardo illustro un modo semplicissimo per creare un countdown impostato sulla mezzanotte del 25 Dicembre 2011. Tale script mostrerà una scritta che in tempo reale si aggiornerà sul numero di giorni, ore, minuti e secondi che mancano allo scoccare della mezzanotte. Lo script potrà facilmente essere adattato anche a un'altra scadenza temporale come potrebbe essere per esempio quella di Capodanno. Nulla vieta di utilizzarlo anche per Pasqua o per un compleanno, basta modificare la data dello script (in inglese) colorata verde.

Quando il conto alla rovescia sarà terminato, i visitatori del blog visualizzeranno un messaggio scelto dall'autore. Si potranno anche configurare dimensioni, colore e altri parametri della scritta che verrà mostrata. Il javascript potrà essere inserito in un post o anche su Layout > Aggiungi un gadget > HTML/Javascript. Il codice per Natale è questo

Contare quanti click riceve un link con goo.gl o bit.ly.

In alcuni casi possiamo avere l'esigenza o la curiosità di conoscere in quanti hanno cliccato su un determinato collegamento. Potremmo essere curiosi di sapere in quante persone hanno aperto la pagina di un tuo ebook su Lulu oppure in quanti si sono recati sul tuo canale di Youtube attraverso un particolare referral. Un sistema eccellente per poterlo fare è quello di utilizzare le statistiche dei servizi nati per accorciare gli URL.

Indichiamo subito i limiti di questo metodo. Per monitorare i rendimenti di referral pubblicitari quali quelli di Sprintrade o Tradedoubler dobbiamo prima informarci con il loro supporto se sia possibile creare dei link intermedi. Con alcuni network pubblicitari si può fare con altri invece è vietato. Inoltre non viene dato il totale delle visite a una certa pagina ma solo il numero di coloro che l'hanno raggiunta da un particolare link.

I servizi tipo goo.gl o bit.ly sono nati per accorciare gli URL per poter postare su Twitter utilizzando meno caratteri possibili. Vediamo nel dettaglio invece come usarli entrambi come contatori di click.

Come inserire il bottone di Facebook con contatore e come adattarlo al layout di Blogger.

Una alternativa al classico iFrame del Mi Piace può essere quella del bottone con contatore che vedo in alcuni siti e che può anche essere utilizzato insieme all'altro. Uno si può mettere nella parte alta dell'articolo e uno nella parte bassa.

Per la configurazione ci si può recare nella pagina del Like Plugin e si possono scegliere vari parametri dopo aver inserito l'URL del nostro blog.

Le personalizzazioni riguardano:

1. Lo stile del bottone tra standard (il classico Mi Piace), box_count e button_count. La differenza tra box_count e button_count è che il primo è più compatto mentre il secondo ha una forma più orizzontale
2. Le dimensioni sono ovviamente anche una conseguenza dello stile che si è scelto come del resto l'opzione Show Faces che ha senso solo con il bottone standard 
3. E' possibile scegliere tra Like e Recommend (Mi Piace o Consiglia)
4. Oltre alla possibilità di personalizzare la famiglia di caratteri (Arial, Trbuchet MS, Tahoma, Verdana, ecc) è anche prevista l'opzione per i blog scuri e per quelli chiari. Si deve scegliere dark nella prima ipotesi e light nella seconda. Questo serve per settare i colori del testo in funzione dello sfondo del blog
5. Si clicca su Get Code dopo che si è terminato con la configurazione

Il bottone ufficiale di Twitter da mettere accanto a quello di Facebook in un blog su Blogger.

Il pulsante Mi Piace di Facebook ha avuto un tale successo che quelli di Twitter hanno pensato bene di rilasciare delle API per inserire nei siti un bottone simile che permetta ai navigatori di twittare o retwittare gli articoli. Credo che la cosa più opportuna sia quella di inserire l'iFrame di Facebook e il bottone di Twitter alla stessa altezza della pagina, uno sulla sinistra e l'altro sulla destra. D'altra parte questi sono i solo social network veramente planetari. Altri pulsanti di condivisione in questo momento mi sembrano più che altro utili solo a appesantire la pagina. Le personalizzazione che si possono fare sono abbastanza numerose e molti grandi blogger stanno già lavorando da alcune ore per presentarle ai colleghi di tutto il mondo.

Mi limiterò a illustrare come inserire il pulsante di Twitter sulla destra di quello di Facebook subito dopo la fine del testo dell'articolo. Naturalmente in base ai modelli si possono scegliere soluzioni differenti. Prima di iniziare la trattazione vi posto il video-tutorial che i ragazzi di Twitter hanno messo in rete

FeedBurner e il mistero del numero degli iscritti ai feed.

FeedBurner è certamente il servizio più utilizzato per la gestione dei feed. Le sue funzionalità sono moltissime e non starò a elencarle in questo articolo. In quasi tutti i blog che lo usano è presente anche il contatore che mostra il numero dei feed sottoscritti. Per installarlo basta andare su  Publicize > FeedCount, copiare e incollare il codice HTML.

E' noto quanto sia difficile calcolare gli iscritti ai feed; nella Guida di FeedBurner ci sono parole sufficientemente esplicative. Si tratta di medie che provengono dal numero di richieste di feed nelle ultime 24 ore. Non vengono considerati browser e bot che accedono al feed. Il conteggio dei sottoscrittori viene effettuato attraverso la combinazione degli indirizzi IP e dei lettori di feed.

Risolto il problema della pubblicità occulta inserita nel widget del contatore delle visite.

Sono stato avvertito da un lettore del blog che il contatore delle visite per ogni post apriva della pubblicità occulta quando si cliccava all'interno della finestra del contatore.
Questo problema è stato risolto come si può constatare cliccando all'interno del contatore in questa demo che ho inserito nel mio blog di prova.

Non ho il controllo di tutti i file utilizzati per il widget quindi se il problema si presentasse di nuovo vi prego di farmelo sapere.
Aggiornamento: il problema si sta riproponendo soprattutto con Firefox

Come inserire i bottoni con contatore di StumbleUpon in un blog su Blogger.

StumbleUpon è un servizio di condivisione molto sofisticato che ho usato per molti mesi, che poi successivamente ho trascurato e che ho riscoperto da poco anche grazie a Google Share Button,  un addon per Chrome. Le modalità di inserimento dei nostri articoli nel database di StumbleUpon sono molteplici e passano per un semplice thumb, una review o anche attraverso l'invio di pagine agli amici che abbiamo nel social.

Questo servizio ha anche sviluppato delle API per il facile inserimento di bottoni di condivisione. Già nel post sui bottoni di voto ne avevo inserito uno specifico per StumbleUpon ma adesso è possibile utilizzare quelli ufficiali.

StumbleUpon Buttons fornisce un'ampia gamma di possibili pulsanti

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
 

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

Come mostrare un grande numero di feed reader anche se si ha un piccolo blog.

Premetto che sono assolutamente contrario a questo tipo di pratica che secondo me non porta alcun beneficio ma visto che, come suppongo molti di voi, mi sono imbattuto in blog che mostravano di avere un numero di feed assolutamente esagerato per la qualità del sito e visto che ho ricevuto una richiesta specifica in tal senso per email, vado ad illustrare una semplice procedura per "truccare" i dati di FeedBurner. 

Per inserire il contatore di FeedBurner occorre andare in Publicize > FeedCount e copiare il codice che poi verrà incollato in un elemento HTML. Detto codice è formato da due elementi

1. Il link ai feed del nostro blog che permette di aprire la pagina per la sottoscrizione se ci si clicca sopra
2. L'immagine del contatore che mostra il numero di reader già iscritti

Come creare un account Twitter specifico per il blog e postare automaticamente articoli e commenti.

Moltissime persone hanno un account Twitter, al mio si può arrivare dal collegamento precedente. L'account personale è cosa diversa da un account specifico per il blog. Non è detto che si voglia mischiare account e blog e poi si potrebbe avere più di un sito che trattano argomenti molto diversi tra loro. E' quindi interessante crearsi una pagina su Twitter per ogni blog un po' come fosse una pagina fan su Facebook.

Infatti c'è chi ti segue con i feed, chi lo fa con la Bacheca di Blogger e chi lo fa o lo farà con Twitter. Non mi risulta ci siano limiti alla creazione di account Twitter se non quelli della disponibilità di un account email. Se siamo loggati a Twitter con il nostro solito account, usciamo andando su Sign out, successivamente andiamo su Sign up per creare un nuovo account, specifico per il blog. Si riempie il modulo con il Titolo del blog, username e indichiamo un indirizzo email; clicchiamo su Create my account dopo aver riempito la captcha.

Per questo blog ho creato l'account Twitter: "Idee per Computer". Si può editare come un qualsiasi altro account inserendo avatar e sfondo.

Adesso bisogna fare in modo da postare gli articoli in automatico su Twitter tutte le volte che vengono pubblicati. Per tale scopo si può utilizzare Twitterfeed che è un servizio specifico. L'ho già utilizzato per inserire i feed in una pagina fan. Dopo essersi registrati si clicca su Create New Feed, in alto a destra, per inserire gli articoli del nostro blog. Se questi feed finiscono già nella pagina fan di Facebook non è un problema visto che possiamo aggiungere altri servizi.


Quando si deve autenticare il nostro account su Twitter bisogna ricordarci di cliccare su "Authenticate with Username & Password" per inserire l'account Twitter del blog e non quello personale



Nello Step 2 diamo un nome al nostro feed e incolliamo l'URL dei feed del blog che sarà del tipo
 http://miobloblog.blogspot.com/feeds/posts/default   



Si deve andare in Avanced Setting per scegliere la frequenza degli aggiornamenti, il servizio con cui accorciare gli URL, di default è bit.ly e, soprattutto selezionare o Titolo o Descrizione ma non Titolo & Descrizione altrimenti viene un tweet doppio (un grazie a LeBlogger)



Non resta che andare in fondo alla pagina e cliccare su Create Feed. Se vogliamo postare anche i commenti possiamo creare un altro feed sempre con Twitterfeed. Stavolta dopo esserci loggati con l'account Twitter del blog, inseriamo l'URL dei feed dei commenti che per esempio per questo blog è

http://www.ideepercomputeredinternet.com/feeds/comments/default

Procedete nello stesso identico modo inserendo solo il Titolo in "Post Content", mentre in" Post Prefix" si può inserire un'espressione del tipo "Commento:" per non confondere commenti e articoli



In Keyword Filter possiamo inserire dei termini per filtrare i commenti. Se mettiamo il segno di spunta e inseriamo la chiocciola "@" allora verranno pubblicati su Twitter solo i commenti che la contengono come quelli che per esempio delle mie risposte ai lettori che sono quasi sempre precedute da quel simbolo e dal nick del commentatore.

In questo modo si evita che nella pagina di Twitter finiscano i commenti di spam o comunque poco interessanti. Si può anche evitare di inserire questo filtro e di scegliere di pubblicare tutti i commenti.
E' anche possibile creare un piccolo widget per farci seguire anche con Twitter se qualcuno preferisce questa opzione a quella dei feed, della newsletter o della pagina fan.

E' sufficiente andare su TwitterCounter e loggarsi con l'account Twitter del blog, quindi scegliete Buttons nella parte alta della Dashboard



Si sceglie l'aspetto del contatore come colore del testo e di background, quindi si clicca su Generate Preview & Code; si seleziona il codice, si copia e si incolla in Layout > Elementi pagina > Aggiungi un gadget > HTML/Javascript.

Il contatore mostrerà quanti sono coloro che seguono il blog attraverso Twitter. Se ci si cliccherà sopra si verrà indirizzati alla pagina di TwitterCounter che permetterà di seguire il blog semplicemente cliccando su Add Followers?. Saranno anche visibili le statistiche dei sottoscrittori.

TrendCounter è un widget per conoscere in tempo reale i visitatori del sito e sapere quali pagine stanno leggendo.

TrendCounter è un nuovo contatore e generatore di statistiche per blog. E' gratuito e ricorda moltissimo Whos.amung.us al quale cerca di sottrarre utenti. L'installazione è semplicissima visto che si tratta di due righe di script da incollare in un elemento HTML/Javascript e posizionarlo con il mouse nella posizione desiderata

Il codice si ottiene cliccando su Get Your Own Counter, e selezionandone il tipo, scegliendo la zona del blog e il colore di sfondo

C'è anche l'opzione di un contatore con le bandierine delle nazioni di provenienza dei lettori che è molto di effetto e potrebbe essere utile per siti di respiro internazionale. Andando su Create Counter Code si può selezionare, copiare ed incollare il codice come già detto in precedenza. Quando si clicca sull'icona del widget si apre una pagina che mostra che articoli stiano leggendo i nostri visitatori in quel preciso momento. Si possono anche ottenere dati più completi come il numero di pagine viste complessivamente, il profilo dei visitatori, il grafico dell'andamento orario e le prime cinque nazioni da cui provengono in massima parte

I dati rispetto in Whos.amung.us sono leggermente più alti quindi può essere preferito proprio per questa ragione. Ovviamente possono essere inseriti anche tutti e due insieme. Oltre a copiare il codice si può installarlo direttamente scegliendo il tipo di piattaforma del nostro sito e seguendo le indicazioni successive.

Come inserire il contatore Histats in un blog su Blogger.

I contatori di visite sono una cosa importante per i blog perché permettono di valutarne momento per momento la popolarità. Histats.com è un servizio gratuito disponibile anche in italiano e adesso anche invisibile.  Vediamo come installarlo gratis sul nostro sito. Se non si è registrati per poterlo fare bisogna inserire un indirizzo web e scegliere la lingua dell’interfaccia.

   

e, nella pagina che si apre, compilare il modulo con l’indirizzo email e la password, ripetute due volte. Si deve anche selezionare l’ora locale e accettare i termini di utilizzo.

Nella pagina successiva si deve scegliere il tipo di contatore che si vuole visualizzare nel sito. Ce ne sono di diversi tipi

1. Contatore invisibile
2. Contatori animati
3. Contatori due linee
4. Contatori tre linee
5. Contatori quattro linee
6. Contatori Stringa

dobbiamo all’inizio scegliere la categoria, quindi il modello che preferiamo, mettendoci un segno di spunta, 

 

scorrere fino in fondo alla pagina e cliccare su Continua. A questo punto serve selezionare l’ordine di visualizzazione dei dati nelle varie righe del contatore che ricordo possono essere un massimo di quattro

Cliccare nuovamente su Continua per acquisire il codice da inserire nel blog. Dopo una ventina di secondi visualizzeremo un codice simile a questo

Per inserirlo in un blog su Blogger bisogna andare su Layout > Aggiungi un gadget > HTLM/Javascript ed incollarlo nella parte denominata Sezioni del Sito

 

Cliccare su Salva e, con il mouse, spostare questo elemento pagina nella posizione che ci piace di più

 

 

Per scrivere questo post ho creato un contatore che ho inserito in un blog-di-prova, Effetto Sfoglia-Pagina. Ecco come si presenta

 

Se si vuole inserire il contatore nel centro dell’elemento pagina bisogna, in Layout >Elementi pagina, cliccare su Modifica e aggiungere i due tag <center> e </center> all’inizio e alla fine del codice come mostrato da questo screenshot

 

Tutte le volte che entrerai in Histats attraverso il Login, sarai inviato nel tuo Pannello di Controllo in cui potrai gestire tutto il tuo account, inserendo un nuovo sito, oppure inserendo un subaccount, modificando la email o la password

Per uscire da histats puoi fare il logout in alto a destra e puoi scegliere, quando rientri se avere il cookie solo per per il browser o anche per l’IP. Consiglio la prima opzione visto che non c’è molto di segreto .