Pubblicato il 01/05/12e aggiornato il

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

commenti-recenti-blogger

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://lh3.googleusercontent.com/-A9zmBdgNiYc/T5-RPwNMwhI/AAAAAAAAX5c/1nv2SropIiQ/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.




52 commenti :

  1. Interessante Ernesto. Come posso evitare che compaiano tra i commenti recenti, i miei?Grazie.

    RispondiElimina
  2. @enzo
    Con questo widget non si può fare ma si potrebbero usare i Pipe di Yahoo. Ci penserò.

    RispondiElimina
  3. Al posto della "v" ho messo la mia favicon ... è venuto molto carino :) grazie (come sempre)

    RispondiElimina
    Risposte
    1. @SoffioDiDea
      Ho visto, è venuto bellissimo :)

      Elimina
  4. ... ancora grazie ,buona domenica ,ciao

    RispondiElimina
  5. Ciao Ernesto ho installato il widget e funzionava benissimo poi è scomparso! ho provato a reinstallarlo ma niente! La cosa curiosa è che se lascio il tuo indirizzo web funziona inserndo il mio no. Cosa posso fare mi piaceva molto.

    RispondiElimina
    Risposte
    1. Ho capito cosa è successo ma non ne comprendo il motivo. Il widget non funziona quando viene inserito un commento nelle pagine statiche! A quel punto i commenti si azzerano e ricominciano ad apparire uno alla volta quelli nuovi inseriti sui post!!!! Cosa ne pensi?

      Elimina
    2. Basta togliere la possibilità di commentare nelle pagine statiche che non dovrebbero servire per quello @

      Elimina
    3. Il widget sparisce anche quando commenta un lettore e poi cancella il commento. Per poterlo visualizzare di nuovo occorre eliminare definitivamente il commento cancellato @

      Elimina
  6. Ciao Ernesto, perdonami se rispolvero un vecchio post ma avrei una curiosità da chiederti: non è possibile in alcun modo impedire l'utilizzo di codici html nei commenti ed evitare quindi i link attivi? mi dispiacerebbe dover cancellare i commenti dei lettori solo a causa della firma... grazie!

    RispondiElimina
    Risposte
    1. @ Federica
      Non credo. Comunque puoi inserire una scritta come ho fatto io per avvertire chi lo fa.

      Elimina
  7. preso!!! :) Non ho tolto i crediti, mi sembra giusto che chi è interessato al widget legga questo post ;)

    RispondiElimina
    Risposte
    1. @ Soleyada
      Grazie. Come vedi anch'io li ho lasciati per agevolare i lettori che volessero installare lo stesso widget :)

      Elimina
  8. ciao e grazie per lo script. ho provato a sostituire al tuo indirizzo il mio (frittinpagella.blogspot.com) lasciando inalterato il resto dell'Url, e non funziona. devo mettere un altro Url? sorry ma non sono un mostro della programmazione, come avrai capito... grazie mille

    RispondiElimina
    Risposte
    1. @frittinpagella
      Se non funziona ci sono due possibilità:
      1)Hai modificato male l'URL, controlla che non ci sia una slash in più /
      2)Hai un altro widget degli ultimi articoli che usa lo stesso URL JSON vale a dire http://frittinpagella.blogspot.com/feeds/comments/default

      Elimina
  9. ciao.
    allora: l'url è giusto, ho controllato ora.
    purtroppo credo di non essere così bravo da poter risolvere la cosa. in ogni caso ho 2 soli widget che sono altrettanti archivi dei post, niente commenti.

    pazienza, grazie lo stesso!

    RispondiElimina
    Risposte
    1. @frittinpagella
      Se non hai altri widget simili e l'UL va bene allora prova a ricopiare meglio il codice perché il widget dovrebbe funzionare.

      Elimina
  10. avendo Disqus nel blog, e avendo provato diversi dei widgets da te proprosti, nessuno mi offre la possibilità di installarne uno che funzioni. Esiste uno compatibile con Disqus da mettere sul blog?

    RispondiElimina
    Risposte
    1. @ Cinetik
      Ci sono dei widget specifici degli ultimi commenti di Disqus da inserire nel blog. Devi accedere al tuo account Disqus quindi andare su Tools > Widget > Recent Comments, configurare il widget selezionandone il numero, l'avatar dei commentatori, ecc. Alla fine si seleziona il codice e si copia su Layout > Aggiungi un gadget > HTML/Javascript

      Elimina
    2. fino a Tools ci arrivo, ma Widget e Recent Comments proprio non li vedo.

      > http://s1.postimage.org/7ui3vmn0v/DISQUS.jpg

      Elimina
    3. ho risolto trovando il codice da inserire. Grazie.

      Elimina
    4. Come sei riuscito a risolvere? Io non ho trovato nemmeno Tools!

      Elimina
    5. Seguimi i prossimi giorni, senza impegno
      @#

      Elimina
  11. ciao Ernesto , chiedo scusa ma sono diversi giorni che spariscono i commenti dal mio blog ed in alcuni post non c'è la possibilità di commentare ,non so come ovviare al problema hai qualche idea su cosa possa essere, premetto che sto usando un template di blogger, ti ringrazio in anticipo

    RispondiElimina
    Risposte
    1. @ CaterinaPili
      Rivolgiti al Forum di Blogger per sentire se qualche altro ha il tuo stesso problema e se la causa è dello stesso Blogger.

      Elimina
    2. grazie , le sto provando tutte!

      Elimina
  12. ho chiesto al forum di blogger come tu mi hai consigliato e finalmente hanno trovato l'inghippo , praticamente su circa un centinaio di post non so ancora perchè ma mancava il consenso per commentare nella pagina delle impostazioni del singolo post,grazie ancora !!!

    RispondiElimina
    Risposte
    1. @ CaterinaPili
      Forse il nuovo template aveva cambiato le impostazioni arbitrariamente. Non mi sarebbe venuto in mente senza una visualizzazione diretta della tua Bacheca.

      Elimina
  13. Ciao, sono davvero impedito, ma quando faccio "aggiungi gadget" poi devo fare "aggiungi il tuo" e mi dà un url da mettere... cosa sbaglio?

    RispondiElimina
    Risposte
    1. @# Dopo aver cliccato su Aggiungi un gadget non devi andare su Aggiungi il tuo ma scorrere verticalmente i gadget presenti fino a trovare quello HTML/Javascript

      Elimina
  14. grazie, mi hai dato una bella salvata! :)

    RispondiElimina
  15. Purtroppo indipendentemente dal numero di commenti che inserisco di visualizzare (ora sono 6 come da default) me ne visualliza soltanto due! Da cosa può dipendere? Grazie :)

    www.vivereincamper.com

    RispondiElimina
    Risposte
    1. Forse il terzo commento è stato eliminato dal suo autore o da un amministratore del blog. Delle volte ho notato questo problema
      @#

      Elimina
    2. non mi pare.....vabbè, meglio due commenti che niente ;)

      Elimina
  16. HELP!!! Ho installato Disqus nel mio blog. Tutto funziona benissimo. Sono anche riuscito a importare i vecchi commenti (Disqus li aveva cancellati). Ma ho bisogno URGENTEMENTE di sapere come inserire un widget per mostrare gli ultimi commenti. Tu hai risposto a Cinetik:

    @ Cinetik
    Ci sono dei widget specifici degli ultimi commenti di Disqus da inserire nel blog. Devi accedere al tuo account Disqus quindi andare su Tools > Widget > Recent Comments, configurare il widget selezionandone il numero, l'avatar dei commentatori, ecc. Alla fine si seleziona il codice e si copia su Layout > Aggiungi un gadget > HTML/Javascript

    Io sono entrato nel mio account Disqus, Ma non ho trovato nessun Tools né tanto meno Widget. So di chiedere molto ma dove si trovano questi Tools o Widget? Ho giá inviato diverse email a Disqus ma non mi hanno risposto. Potete aiutarmi per favore? Grazie mille a tutti.

    RispondiElimina
    Risposte
    1. Avevo già deciso di fare un post su Disqus. Come scritto nel commento 11.e seguimi i prossimi giorni e se ho tempo ci faccio un articolo. Su due piedi non si so rispondere perché non ho neppure più l'account
      @#

      Elimina
    2. Ok, grazie! Sei sempre il migliore!!

      Elimina
  17. Aiuto :) Blogger non mostra i commenti sotto ai post. È da mesi che provo, leggo, imparo, ho provato anche a connettere G+ ma si vedono solo su G+. Nemmeno i miei si vedono. Ricevo via mail i commenti ma quando clicco sul link che rimanda al post in questione beh...zero. Non c'è niente. Rispondo lo stesso allora ma quando ricarico la pagina il mio commento è sparito. Il link sotto al post conferma con la scritta "0 commenti"...AIUTOOOO

    RispondiElimina
    Risposte
    1. A quale sito ti riferisci? A questo?
      http://tittyprettythings.blogspot.it/
      Vedo che hai attivato quelli di Google+. Mi pare che si vedano :P
      @#

      Elimina
    2. Per vedere i commenti di Blogger sotto al post deve selezionare Incorporato su Impostazioni > Post e Commenti > Commenti > Posizione commenti dopo aver tolto la spunta ai commenti di Google+ nella omonima scheda
      @#

      Elimina
  18. fatto Ernesto....sono mesi che ci provo...ti assicuro: FATTO E RIFATTO...sono ora in chat con mia figlia che commenta per provare ma niente...altro tipo di blog dove lo trovo? Ho fatto varie segnalazioni ma non mi filano. Non ho attiva nemmeno l'impostazione di moderazione dei commenti, ne posso scegliere più se pubblica o altro come opzione. Quando ho aperto il blog c'era e meno male che ho selezionato pubblica perchè come ti ripeto ora non c'è modo di modificarla. Davvero frustrante. A questo punto voglio cancellare il blog su blogger e farne uno con un'altro sito. Suggerimenti? cacchio...mesi di lavoro buttati...

    RispondiElimina
  19. Fra l'altro G+ l'ho disattivato ancora ieri perchè si vedevano solo là i commenti ma come ti dicevo sotto ai posto zero commenti...morto

    RispondiElimina
  20. Ciao, tempo fa ho inserito il tuo codice per visualizzare i commenti nella home page del mio blog, seguendo i tuoi suggerimenti, e tutto funzionava alla perfezione.
    Da quando ho installato Windows 10 però non funziona più.
    Ho provato a cancellare il gadget e a inserirlo di nuovo, ma compare solo il titolo del gadget e i commenti non vengono più visualizzati.
    Puoi aiutarmi, per favore?
    Grazie!

    RispondiElimina
    Risposte
    1. Windows 10 non c'entra niente, è nel computer non nel sito. Il widget funziona. Ho testato proprio ora. Se nel tuo modello non si vede è perché probabilmente hai inserito un secondo widget che usa lo stesso URL dei feed dei commenti. Seguimi nei prossimi giorni che lo ripresenterò
      @#

      Elimina
    2. Ti ringrazio per la sollecita risposta :-)
      Lo so che il widget funziona, ha funzionato perfettamente fino allo scorso lunedì.
      Ti assicuro però che non ho modificato proprio nulla nell'impostazione del mio blog e non ho inserito nessun altro widget.
      L'unica cosa nuova è proprio e solo windows 10 e, sarà pure una coincidenza, ma da quando l'ho installato i commenti nella home page non vengono più visualizzati.
      Se stai preparando una nuova versione del widget, lo installerò di sicuro, per ora mi sono limitata a rimuoverlo per non lasciare tristemente vuota la casella dei commenti :-D
      Grazie ancora e buon lavoro!

      Elimina
    3. Scusami Ernesto, mi sono ricordata di una cosa!
      Lo scorso lunedì ho attivato la connessione HTTPS per il mio blog.
      Può essere stato questo a compromettere il funzionamento del tuo widget?

      Elimina
    4. Sì. È stato sicuramente quello. Devi tornare a HTTP per visualizzare nuovamente il widget
      @#

      Elimina
    5. O in subordine mettere https://lefotodiluisella.blogspot.com nell'URL
      @#

      Elimina

Non inserire link cliccabili altrimenti il commento verrà eliminato. Metti la spunta a Inviami notifiche per essere avvertito via email di nuovi commenti. Se ti ho aiutato con il post o con le risposte ai commenti condividi su Facebook o su Twitter. Grazie.