Pubblicato il 21/02/11 - aggiornato il  | 6 commenti :

Come inserire l'invito a leggere un altro post a caso alla fine dell'articolo su Blogger.

Uno dei dati più importanti che si possono desumere da Google Analytics è quello del tempo medio che un visitatore trascorre nel nostro sito. Un  suo aumento porta sicuramente dei benefici al blog visto che ne aumenta la reputazione agli occhi dei motori di ricerca. Dobbiamo quindi cercare tutti i modi possibili per invogliare il visitatore occasionale a rimanere ancora a leggere i nostri post.

I sistemi più usati sono quelli di mostrare i widget degli Ultimi Articoli, quello degli Articoli Correlati, l'elenco delle etichette del sito, insomma bisogna mettere in bella vista tutto quello che offre il blog. Una cosa carina che potrebbe avere un certo impatto è quella di inserire una scritta direttamente nel modello che inviti a leggere un altro articolo casuale  del blog. Il testo comparirà alla fine di tutti i post e potrà essere personalizzato a piacere. Ecco uno screenshot che mostra una scritta di questo genere

sritta di invito a leggere un post a caso

Se si clicca sul link presente nell'anchor text "articolo a caso" verrà aperto un altro post del blog in modo assolutamente casuale. Vediamo come procedere per questa personalizzazione che credo incontrerà il gradimento di molti di voi. Si va su Design > Aggiungi un gadget > HTML/Javascript e si incolla il seguente codice


<script type='text/javascript'>
function ShLucky(root){
var feed = root.feed;
var entries = feed.entry || [];
var entry = feed.entry[0];
for (var j = 0; j < entry.link.length; ++j) {
if (entry.link[j].rel == "alternate") {
window.location = entry.link[j].href;
}
}
}
function FtLucky(luck){
script = document.createElement('script');
script.src = '/feeds/posts/summary?start-index='+luck+'&max-results=1&alt=json-in-script&callback=ShLucky';
script.type = 'text/javascript';
document.getElementsByTagName('head')[0].appendChild(script);
}
function RdLucky(root){
var feed = root.feed;
var total = parseInt(feed.openSearch$totalResults.$t,10);
var LkNumber = Math.floor(Math.random()*total);
LkNumber++;
FtLucky(LkNumber);
}
function FlLucky(){
var script = document.createElement('script');
script.type = 'text/javascript';
script.src = '/feeds/posts/summary?max-results=0&alt=json-in-script&callback=RdLucky';
document.getElementsByTagName('head')[0].appendChild(script);
}
</script>

Si clicca su Salva e si posizione l'elemento nella parte bassa della Sidebar. Nel blog non si vedrà assolutamente nulla visto che non è stato inserito il titolo del widget. Adesso si deve creare il testo da mostrare alla fine di ogni post. La sua struttura deve essere questa

<p>Che ne diresti di leggere un altro <a href='#ramdom' onclick='FlLucky();' title='Random Post'> articolo a caso</a> del blog? Potresti trovarlo interessante! </p>

La parte colorata di blu può essere personalizzata secondo le nostre esigenze. Il link è evidenziato di viola e l'anchor text di rosso. Per una sua semplice realizzazione consiglio di usare Windows Live Writer o l'Editor di Blogger. Dopo aver inserito, in Modalità HTML, la struttura base della scritta, possiamo divertirci a inserire dell'altro testo, a mettere delle parole in grassetto o corsivo, a modificare il colore e a inserire immagini o emoticon anche animate. Successivamente si va su Origine o Modifica HTML, si seleziona e si copia il codice.

E' opportuno convertirlo in linguaggio XML perché sia salvato più facilmente da Blogger. Per alcuni modelli questa procedura può comunque risultare pleonastica. Per la conversione si va su Blogcrowds, si incolla il codice e si clicca su Parse 

convertire HTML in XML per modello blogger

Il codice ottenuto va incollato nel modello. Si può scegliere la posizione che più ci piace ma ritengo che la zona migliore sia quella alla fine dell'articolo. A tale scopo si deve andare su Design > Modifica HTML e cercare questa riga <data:post.body/>. Se state usando il Read More, subito dopo ci sarà anche un altro blocco di codice uguale o simile al seguente se avete effettuato delle personalizzazioni

<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + &quot;#more&quot;'><data:post.jumpText/></a>
</div>
</b:if>

Subito sotto la riga <data:post.body/> o sotto anche il codice del Read More, se è presente, va quindi incollato un codice simile a questo 

<!--Post casuale Inizio-->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
&lt;p&gt;Che ne diresti di &lt;strong&gt;leggere &lt;/strong&gt;un altro &lt;a title=&quot;Random Post&quot; onclick=&quot;FlLucky()&quot; href=&quot;#random&quot;&gt;&lt;strong&gt;articolo a caso&lt;/strong&gt;&lt;/a&gt; del blog? Potresti trovarlo &lt;strong&gt;utile e interessante&lt;/strong&gt; &lt;img style=&quot;margin: &quot; src=&quot;http://messenger.msn.com/MMM2006-04-19_17.00/Resource/emoticons/wink_smile.gif&quot; /&gt;!&lt;/p&gt;
</b:if>
<!--Post Casuale Fine - www.ideepercomputeredinternet.com-->

Le due righe colorate di rosso sono i tag condizionali che impongono alla scritta di essere visibile solo negli articoli e non in Homepage, nelle pagine di archivio, in quelle delle etichette e nelle pagine statiche. Ho inserito anche una emoticon che ha l'URL colorato di blu. Si Salva il modello e si visualizza il risultato. Quando si cliccherà nel link presente, si aprirà un altro post del blog in maniera del tutto casuale. Provare per credere!

Lascerò questa scritta nel blog per un certo periodo di tempo. Attraverso Google Analytics e strumenti quali In-Page verificherò se ci sono stati dei miglioramenti per quanto riguarda la frequenza di rimbalzo e la permanenza media sul sito.




6 commenti :

  1. Ciao! Trovo questa opportunità davvero interessante ed utile specialmente per invogliare i miei piccoli lettori a trascorrere più tempo nel blog a loro dedicato.Unico problema: sono una frana con il linguaggio HTML o XML per cui mi azzardo a porti una domanda: posso usare direttamente il codice che hai proposto come esempio? scusa l'ignoranza....e grazie!!!
    Clementina

    RispondiElimina
  2. @Clementina. OT: complimenti per il blog. Volevo chiedere (a te o a Ernesto) come si inserisce quel messaggio di benvenuto scorrevole che hai nel tuo blog. Grazie

    RispondiElimina
  3. Ciao Stefano
    Trenoline è gestito da una mia collega,chiederò a lei e ti farò sapere.

    RispondiElimina
  4. @Clementina
    Puoi tranquillamente usare il codice che ho postato come esempio. L'ho fatto proprio per poterlo usare senza ulteriori modifiche

    @Stefano
    Le scritte scorrevoli si creano con il tag marquee
    http://www.ideepercomputeredinternet.com/2009/01/come-inserire-una-scritta-scorrevole-in.html

    RispondiElimina
  5. E' perfetto x invogliare gli utenti a rimanere x un tempo + lungo sul proprio blog. GRAZIEEEEEEE!

    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