16 jun. 2016

Activando Disqus en paginas estaticas de Blogger


Disqus es un servicio para alojamiento de comentarios de blogs, sitios Web y comunidades online. Es una plataforma que incluye varias características, tales como la integración social, las redes sociales, perfiles de usuario, herramientas anti-spam y de moderación, de análisis, notificaciones por correo electrónico y Apps para comentar desde el móvil. Hace unos meses migre mis comentarios a Disqus e integre este servicio en mi Blog, de esta manera sustituía la sobria cajita de comentarios que trae por defecto.

Dentro del blog, aparte de la parte de entradas, tengo una serie de páginas estáticas (Creative Commons, Dracxabi International y un Acerca del Autor y del Blog) que no me funcionaban con el servicio de Disqus. Consultando por internet sobre el problema pude encontrar una solución en un video en Portugués titulado "Ativando o Disqus em páginas estáticas do Blogger" de Diego Farias. La solución que se explica en el video es la siguiente:
  1. Entramos en Blogger y seleccionamos nuestro blog. En el menú seleccionamos Plantilla

  2. Seleccionamos Plantilla Web normal no la plantilla móvil y pulsamos en el botón Editar HTML
  3. Pinchamos dentro del área de la plantilla y pulsamos la combinación de teclas CTRL + F y buscamos la palabra Disqus.

  4. Buscamos el siguiente trozo de codigo. Nota: los asteriscos (***) indican que falta código entre medias
    <b:includable id="main">
    ***
    <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('script');
       bloggerjs.type = 'text/javascript';
       bloggerjs.async = true;
       bloggerjs.src = '//'+disqus_shortname+'.disqus.com/blogger_item.js';
       (document.getElementsByTagName('head')[0] || 
    document.getElementsByTagName('body')[0]).appendChild(bloggerjs);
       })();
    </script>
    </b:if>
    ***
    </b:includable> 
    
    Buscamos el IF y su cierre y los borramos (remarcados en azul):
    <b:includable id="main">
    ***
    <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('script');
       bloggerjs.type = 'text/javascript';
       bloggerjs.async = true;
       bloggerjs.src = '//'+disqus_shortname+'.disqus.com/blogger_item.js';
       (document.getElementsByTagName('head')[0] || 
    document.getElementsByTagName('body')[0]).appendChild(bloggerjs);
       })();
    </script>
    </b:if>
    ***
    </b:includable> 
    
    ¡¡¡Cuidado con esto porque vais a perder los comentarios que tengais en las páginas estáticas!!!
Si tenéis alguna duda podéis comentar en la cajita de comentarios y si puedo os la resuelvo. ¡¡Nos vemos!!

Compendio Bibliográfico
Información General
  • Explicación de la Wikipedia del servicio Disqus.
Imágenes
  •  Imagen Disqus obtenida de la página Web de Disqus.
Vídeos

0 comentarios:

Publicar un comentario

Puedes publicar tu comentario en la entrada, pero antes lee las reglas:

Antes de empezar todos los comentarios serán leídos y moderados previamente. Solo serán publicados aquellos comentarios que respeten las siguientes reglas:

- El comentario debe estar relacionado al contenido de la entrada.
- Los comentarios tipo SPAM no estan permitidos.
- Ofensas personales, amenazas o insultos NO serán permitidos.
- No se publicaran comentarios en lenguaje SMS.