Trattenere i visitatori sul prprio blog è uno dei principali scopi per tutti i blogger. Se i contenuti sono utili e di buona qualità, con qualche riga di codice è possibile aumentare sensibilmente il numero di pagine visualizzate per singolo utente. In un articolo precedente, a tal proposito, avevo parlato di come inserire gli articoli correlati con immagine alla fine del post. In questo post invece parlo di un metodo più “divertente”, che ha tuttavia la stessa funzione.
Si tratta dell’articolo a caso o post random: l’utente clicca sul link e viene reindirizzato su una pagina a caso del nostro blog.
Per implementare questa funzione bisogna aggiungere un gadget html (Modello > Aggiungi un gadget > HTML/Javascript) con il 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>
Il Gadget sarà invisibile, è bene impostare “non mostrare il titolo” e posizionarlo infondo alla sidebar o nel footer.
Per inserire il testo da mostrare bisogna prima crearlo (scrivendo ciò che si vuole) basandosi su questo modello:
<p>Leggi un <a href=’#ramdom’ onclick=’FlLucky();’ title=’Random Post’> articolo a caso</a> del blog!</p>
Dato che questo testo va inserito nel codice template del blog, si deve prima convertite in XML con un Parser, per farlo basta andare sul sito Blogcrowds, incollare il testo nel riquadro e poi copiare il testo modificato.
Ultima operazione da fare è andare su Modello > Modifica HTML e cercare questa riga:
<data:post.body/>
NB: la riga può essere diversa a seconda del template e delle personalizzazioni che avete fatto, in ogni caso cercate la riga che richiama il contenuto degli articoli.
Subito sotto incollate
<!–Post random per Blogger Inizio–>
<b:if cond=’data:blog.pageType == "item"’>
INSERIRE QUI IL CODICE PRECEDENTEMENTE OTTENUTO
<!–Post random per Blogger Fine–>
In grassetto i tag che fanno si che il link venga visualizzato sono alla fine degli articoli singoli e non nelle altre pagine.