Ultimos comentarios YA MISMO

Desde hace mucho tiempo vengo buscando algo que permita mostrar los Últimos Comentarios en la sidebar pero, siempre me topaba con un problema, las soluciones no se actualizaban rápidamente, algunas tardaban horas.

Hace un par de días, entre las cosas que vi en blogger-templates.blogspot.com me encontré otro widget y decidí probarlo sin demasiadas esperanzas. Para mi sorpresa, funcionó perfectamente. Se llama Recent Comments Widget.

Para utilizarlo, debemos ingresar el título que es que se verá, la URL del blog, la cantidad de comentarios a mostrar, la cantidad de caracteres máximos de los sumarios y establecer si queremos que se muestren la fecha y el titulo del post.

Luego, basta Aplicar y Agregar. Blogger nos pedirá autorización y la ubicará al tope de la sidebar per o podemos moverla yendo a Plantilla, Añadir y organizar elementos de la página. Pero ... siempre hay un pero ... está en inglés, sí, TODO en inglés. Aquí, entonces, viene lo complicado. Primero que nada, ¿qué es lo que agrega ese widget?

Al editar elemento nos vamos a encontrar con algo así:

<script style="text/javascript"
src="http://giga.ovh.org/rc">;
</script>

<script style="text/javascript">
var a_rc=5;
var m_rc=false;
var n_rc=false;
var o_rc=50;
</script>

<script src="URL_blogfeeds/comments/default
?alt=json-in-script&callback=showrecentcomments">
</script>

Como se ve, hay 3 partes:

la primera, carga un script externo que se encuentra alojado en http://giga.ovh.org/rc
la segunda, da valor a una serie de variables que se corresponden con las opciones del widget:

• a_rc=5 es la cantidad de comentarios
• m_rc=false indica no agregar la fecha (true para agregarla)
• n_rc=false indica no agregar el título del post (true para agregarla)
• o_rc=50 es la longitud máxima a mostrar de cada comentario
  

El resultado se verá más o menos así:

On 12 Dec Fulano commented on TalPost “bla bla bla bla bla …”

Puse la dirección del script en la barra del navegador y lo bajé para ver si se podía hacer algo. Este es el resultado:

function showrecentcomments(json) {

// para cada uno de los comentarios

for(var i=0;i<a_rc;i++) {
var b_rc=json.feed.entry[i];var c_rc;
if(i==json.feed.entry.length)break;
for(var k=0;k<b_rc.link.length;k++) {
if(b_rc.link[k].rel=='alternate') {
   c_rc=b_rc.link[k].href;break;
}
}
c_rc=c_rc.replace("#","#comment-");
var d_rc=c_rc.split("#");
d_rc=d_rc[0];
var e_rc=d_rc.split("/");
e_rc=e_rc[5];
e_rc=e_rc.split(".html");
e_rc=e_rc[0];
var f_rc=e_rc.replace(/-/g," ");
f_rc=f_rc.link(d_rc);
var g_rc=b_rc.published.$t;
var h_rc=g_rc.substring(0,4);
var i_rc=g_rc.substring(5,7);
var j_rc=g_rc.substring(8,10);
var k_rc=new Array();

// en esta parte cambié los textos de los meses (en mi caso, no los uso)
k_rc[1]="Ene";
k_rc[2]="Feb";
k_rc[3]="Mar";
k_rc[4]="Abr";
k_rc[5]="May";
k_rc[6]="Jun";
k_rc[7]="Jul";
k_rc[8]="Ago";
k_rc[9]="Sep";
k_rc[10]="Oct";
k_rc[11]="Nov";
k_rc[12]="Dic";

if("content" in b_rc){
var l_rc=b_rc.content.$t;
} else if("summary" in b_rc) {
var l_rc=b_rc.summary.$t;
} else var l_rc="";
var re=/<\S[^>]*>/g;
l_rc=l_rc.replace(re,"");

// de aquí en adelante es donde se arma el texto de salida
 // donde eliminé todas las palabras inglesas y sólo dejé los datos

// aquí, se agrega la fecha
if(m_rc==true)document.write(k_rc[parseInt(i_rc,10)]+' '+j_rc+' ');

 // agregar el nombre del autor del comentario (ver Nota)
 // en este caso, lo modifiqué, poniendo cada entrada
// dentro de una etiqueta LI y resaltando el nombre con un color
document.write('<li><b><font color=#color>'
+b_rc.author[0].name.$t+'</font></b>');

// agregar el título del post
if(n_rc==true)document.write(f_rc);

// luego del nombre del autor del comentario, una nueva línea
document.write(':<br />');

// el sumario del comentario será el vínculo al post
document.write('<a href="'+c_rc+'">');

// el texto del vínculo, será el sumario
 // pero, primero, se verifica la cantidad de caracteres

// ¿es menor que la cantidad máxima deseada?
if(l_rc.length<o_rc) {
  // SI, entonces, no hay nada que arreglar
document.write(l_rc);
} else {
// NO, entonces, hay que "cortarlo"
l_rc=l_rc.substring(0,o_rc);
var p_rc=l_rc.lastIndexOf(" ");
l_rc=l_rc.substring(0,p_rc);
  // y le agregamos tres puntos suspensivos al final
document.write(l_rc+'&hellip;');
}

// cerramos la etiqueta LI y se sigue con el próximo
document.write('</a></li>');
}
}

Nota: la función original utiliza el nombre del autor como el vínculo al comentario de esta manera:
document.write('<a href="'+c_rc+'">'+b_rc.author[0].name.$t+'</a> commented');

He intentado diferenciar las instrucciones que pueden servir para personalizar la rutina pero, reconozco que es complicado para quien no tiene algún conocimiento del tema, sin embargo, algo así, incluso sin cambios, funcionará en la mayoría de las plantillas porque, generalmente, las sidebars usan la etiqueta LI para separar los items y por lo tanto, el formato será el mismo que tiene cualquier otra parte del blog.

La parte del script que más interesa es "relativamente simple". Usando la función document.write();, se va creando la cadena de texto que luego será mostrada.

En ente caso, el resultado del código HTML será:

<li>
<b><font >Nombre</font></b>:<br/>
<a href="URL_comentario">texto_comentario …</a>
</li>

ACTUALIZACION (26/04): Aparentemente, la API de Blogger está experimentando dificultades y, entre otros problemas, los últimos comentarios no se muestran. El error indicado es "Too many instances of callback". El problema es sólo temporal.