Como gestionar los comentarios con Disqus en las páginas estáticas de blogger

Como gestionar los comentarios con Disqus en las páginas estáticas de blogger


Disqus es una muy buena elección a la hora de gestionar los comentarios de tu blog, pero aunque se integra perfectamente en cualquier sitio web, tiene algunas falencias.

En blogger por ejemplo:

A pesar de estar bien instalado, disqus no se ejecuta en las paginas estáticas de blogger, por lo que se debe colocar el código disqus en forma manual en cada pagina estática.


disqus-paginas-estaticas-de-blogger

En esta entrada te explicare como gestionar los comentarios de las paginas estáticas en blogger con disqus, aplicando un método diferente a la forma manual y que solucionará en gran manera este inconveniente. ¿Empezamos?

Como activar Disqus en las páginas de Blogger

1. Ingresamos a la administración de blogger, Tema, Editar HTML, dentro presionamos las teclas Control + F y en la búsqueda que aparece ingresamos la palabra "disqus", aparecerá un código similar al que se muestra a continuación:


<b:includable id='main'>
<script type='text/javascript'>
var disqus_shortname = &#39;zona-de-pruebas-html&#39;;
var disqus_blogger_current_url = &quot;<data:blog.canonicalUrl/>&quot;;
if (!disqus_blogger_current_url.length) {
    disqus_blogger_current_url = &quot;<data:blog.url/>&quot;;
}
var disqus_blogger_homepage_url = &quot;<data:blog.homepageUrl/>&quot;;
var disqus_blogger_canonical_homepage_url = &quot;<data:blog.canonicalHomepageUrl/>&quot;;
</script>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type='text/css'>
    #comments {display:none;}
</style>
<script type='text/javascript'>
    (function() {
        var bloggerjs = document.createElement(&#39;script&#39;);
        bloggerjs.type = &#39;text/javascript&#39;;
        bloggerjs.async = true;
        bloggerjs.src = &#39;//&#39; + disqus_shortname + &#39;.disqus.com/blogger_item.js&#39;;
        (document.getElementsByTagName(&#39;head&#39;)[0] || document.getElementsByTagName(&#39;body&#39;)[0]).appendChild(bloggerjs);
    })();
</script>
</b:if>
<style type='text/css'>
    .post-comment-link { visibility: hidden; }
</style>
<script type='text/javascript'>
(function() {
    var bloggerjs = document.createElement(&#39;script&#39;);
    bloggerjs.type = &#39;text/javascript&#39;;
    bloggerjs.async = true;
    bloggerjs.src = &#39;//&#39; + disqus_shortname + &#39;.disqus.com/blogger_index.js&#39;;
    (document.getElementsByTagName(&#39;head&#39;)[0] || document.getElementsByTagName(&#39;body&#39;)[0]).appendChild(bloggerjs);
})();
</script>
</b:includable>

2. Buscamos dentro del código una sentencia similar a la siguiente:


<b:if cond='data:blog.pageType == &quot;item&quot;'>

3. Reemplazamos el código anterior por la condicional blogger que se muestra a continuación:


<b:if cond='data:blog.url != data:blog.homepageUrl'>

4. Guardamos y listo, con esta nueva condicional estamos ordenamos a blogger para que muestre o ejecute el contenedor de comentarios Disqus en todas las páginas MENOS en la portada del blog.

Puedes ver el gestor disqus funcionando sin problemas en una pagina estática de blogger, en el siguiente enlace:




Convierte tu blog en una máquina de ventas

Suscríbete y descubre cómo vender productos y servicios a través de tu blogger sin morir en el intento.
  • Multiplica tus ingresos aprovechando al máximo tu blogger.
  • Comienza a generar tráfico cualificado y de interés para tu oferta.
  • Convierte tus visitas en clientes gracias a un blog optimizado.

Tus datos están 100% seguros.

Para complementar esta entrada y puedas definitivamente integrar disqus en tus paginas estáticas de blogger, te dejo el  Vídeo explicativo de todo el procedimiento gracias a Diego Farias



Recomendación: Cuidado con este procedimiento porque vas a perderlos comentarios que tienes en las páginas actualmente.

Ahora es tu turno de participar. Cuéntame ¿Lograste ejecutar disqus en las paginas estáticas de tu blogger? Si/No. Estaré atento a tus comentarios, los leeré todos.

Derechos: Fuente e Imagen Destacada

Compártelo con tus amigos. ¡GRACIAS!

Deja tu comentario: