Widget dei Commenti Recenti per Blogger con icona.

Come installare il gadget degli Ultimi Commenti o Commenti Recenti in un blog su piattaforma Blogger.

Chi gestisce un sito ha la necessità di interagire con i lettori e lo strumento di elezione per farlo al meglio sono senza dubbio i commenti. E' opportuno rispondere al più presto alle domande che ci vengono poste sempre che queste abbiano un senso logico.

I commenti sono una parte importante del blog e rappresentano un arricchimento degli articoli con nuovi contenuti. E' altresì imprescindibile cancellare i commenti di spam, specie quando sono stati inseriti con un link attivo a una pagina di cui non si conosce la reputazione. Consiglio di non fare eccezioni perché quando altri commentatori vedono link non semplicemente incollati ma inseriti con l'HTML si possono sentire in diritto di fare altrettanto.

Un sistema per incrementare i commenti è quello di accettare anche quelli anonimi ma questo comporta l'arrivo di molto spam insieme a numerosi troll. Un altro metodo molto utile per stimolare i commenti è quello di installare il widget dei Top Commentatori che serve a dare un riconoscimento visivo e anche un vantaggio in ambito SEO a chi contribuisce all'aumento dei contenuti del blog.

Per la gestione ottimale dei commenti si può andare nella Bacheca di Blogger su Commenti e visualizzare gli ultimi postati per rispondere ai lettori oltre ad aprire la sezione Spam per verificare che non vi siano andati erroneamente a finire dei commenti validi.

In quasi tutti blog è visibile anche un widget che mostra gli ultimi commenti che sono stati postati. Ne esistono di moltissimi con stili differenti. Vado a proporne uno che attualmente uso anche su questo blog e che mostra la data in italiano insieme a una icona fissa iniziale che può essere personalizzata

Non occorre modificare il modello. Basta andare su Layout > Aggiungi un gadget, mettere un titolo a piacere e incollare in Sezioni del sito il seguente codice

<script style="text/javascript">
function commentirecenti(json) {
  var numcomments = 6;
  var showcommentdate = true;
  var showposttitle = true;
  var numchars = 100;
for (var i = 0; i < numcomments; i++) {
    var entry = json.feed.entry[i];
    var alturl;
    if (i == json.feed.entry.length) break;
for (var k = 0; k < entry.link.length; k++) {
      if (entry.link[k].rel == 'alternate') {
        alturl = entry.link[k].href;
        break;
      }
    }
   alturl = alturl.replace("#", "#");
   var postlink = alturl.split("#");
   postlink = postlink[0];
   var linktext = postlink.split("/");
   linktext = linktext[5];
   linktext = linktext.split(".html");
   linktext = linktext[0];
   var posttitle = linktext.replace(/-/g," ");
   posttitle = posttitle.link(postlink);
   var commentdate = entry.published.$t;
   var cdyear = commentdate.substring(0,4);
   var cdmonth = commentdate.substring(5,7);
   var cdday = commentdate.substring(8,10);
   var monthnames = new Array();
   monthnames[1] = "Gen";
   monthnames[2] = "Feb";
   monthnames[3] = "Mar";
   monthnames[4] = "Apr";
   monthnames[5] = "Mag";
   monthnames[6] = "Giu";
   monthnames[7] = "Lug";
   monthnames[8] = "Ago";
   monthnames[9] = "Set";
   monthnames[10] = "Ott";
   monthnames[11] = "Nov";
   monthnames[12] = "Dic";
   if ("content" in entry) {
     var comment = entry.content.$t;}
   else
   if ("summary" in entry) {
     var comment = entry.summary.$t;}
   else var comment = "";
var re = /<\S[^>]*>/g;
   comment = comment.replace(re, "");
   if (showcommentdate == true) document.write('<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwn_e1QKqMXB_SSXndJSaETb35kr3TnFE8IRmpm9LMe4Fp0z22HZxxnHTM_Lj15e5tQ3fAoZ620USfEKvjkzoT94jnEKA7n1if0FK1JdwC4KayUpifoTcE1ZVUkhUPnFT8EU49jc74fVA/s14/red-check.png"/>' + ' Il ' +  cdday + ' ' + monthnames[parseInt(cdmonth,10)] + ' ' );
document.write('<a href="' + alturl + '">' + entry.author[0].name.$t + '</a> ha commentato su ');
   if (showposttitle == true) document.write(' '+'"' +posttitle+'"'+':'+' ');
if (comment.length < numchars) {
document.write('<i>');
         document.write(comment);
document.write('</i>');}
   else
        {
document.write('<i>');
         comment = comment.substring(0, numchars);
         var quoteEnd = comment.lastIndexOf(" ");
         comment = comment.substring(0, quoteEnd);
document.write(comment + '...<a href="' + alturl + '">(leggi tutto)</a>');
document.write('</i>');}
document.write('<br/>');
  }
document.write('<div id="atrb" style="font-size:70%;text-align:center"><p><a href="http://goo.gl/AJJyB">Install widget</a></div>');}
</script>
<script src="http://www.ideepercomputeredinternet.com/feeds/comments/default?alt=json-in-script&callback=commentirecenti">
</script>

Le parti colorate di blu possono essere modificate inserendo altre espressioni (senza apostrofi!), mentre i parametri in rosso servono per la configurazione del widget e riguardano:

1. Il numero dei commenti da mostrare (6)
2. Mostrare o meno la data del commento. Sostituire true con false in showcommentdate
3. Mostrare o meno il titolo del post. Sostituire true con false in showposttitle
4. Il numero dei caratteri dell'incipit del commento (100)
5. L'URL della icona da visualizzare all'inizio. Ne ho messa una da 14x11 pixel ma può essere sostituita. Vi consiglio di cercarla su IconFinder e eventualmente di ridimensionarla con Pixlr.
6. Inserire l'URL del vostro blog nella terzultima riga
7. Si va su Salva e si posiziona con il mouse.

Al di sotto del widget sarà visibile un link che riporta a questo post per facilitare l'installazione del widget da parte di coloro che lo vedessero sul vostro sito. Se a qualcuno dà fastidio quel link alla fine del gadget, può andare su Modello > Modifica HTML > Procedi, cercare la riga ]]></b:skin> e, subito sopra di essa, incollare questo codice

#atrb {display:none;}

quindi salvare il modello.