Photo by Volodymyr Hryshchenko / Unsplash

Añadiendo comentarios a Ghost con GitHub y Utterances.

Pagina Web 14 de ago. de 2022

Los comentarios son una de las funcionalidades más importantes para cualquier blog. Ghost es una plataforma muy completa, pero desafortunadamente, por defecto no incorpora una funcionalidad de comentarios.

Hay algunas opciones que Ghost sugiere, en su mayoría son servicios de pago o soluciones con anuncios integrados. Si quieres añadir soluciones de este tipo puedes utilizar el link de abajo para ver que integraciones existen.

Ghost integrations – official apps, plugins & tools
Ghost plugins, tools & apps to integrate withh your Ghost site for automation, analytics, marketing, support and much more! 👉

Cuando quería agregar soporte de comentarios a este blog, quería algo muy simple. Probe con Disqus, Cusdis, Telegram chat, etc. Todas tenian sus ventajas y desventajas....

Yo buscaba algo sencillo, sin mucha configuración y que no requiriese registros adicionales para los usuarios que quisieran comentar.

  • Con Disqus tenía una plataforma muy sólida, pero sobre complicada y requería registrarse o tener una cuenta previamente para poder comentar.
  • Cusdis me pareció una buena solución, sencilla y simple. Sin registros…pero las integraciones están un poco verdes y el diseño es algo feo.
  • Telegram me parece una idea estupenda, pero no todos tenemos telegram y los que lo tienen no tienen la sesión abierta en el navegador.

Finalmente di con utterances, una aplicación que utiliza Github como repositorio para añadir comentarios. Dado que la mayor parte de mi audiencia es técnica, me pareció una buena idea.

Instalación

Utterances

Es un widget de comentarios ligero que utiliza GitHub. ¡Usa GitHub para comentar en blogs, páginas wiki y más!

utterances
A lightweight commenting system using GitHub issues.

Los pasos de instalación son bastante sencillos

Instalación de Utterances en Ghost

  • Crea un nuevo repositorio en GitHub y mantén el repositorio como public, en mi caso el repositorio lo llamé igual que mi página web.
  • Asegúrate de instalar y conectar utterances  con tu GitHub, una vez hecho, pon el nombre de tu repositorio en la sección repo:
Github Utterances
  • En utterances configura el scriptBlog Post ↔️ Issue Mapping y copia el script que te muestra en la parte inferior de esa página.

Después de eso, obtendrás un script que debe agregarse a Ghost, similar al que muestro abajo (completando el nombre de tu repositorio en la sección del script).

<script src="https://utteranc.es/client.js"
        repo="[ENTER REPO HERE]"
        issue-term="pathname"
        theme="github-light"
        crossorigin="anonymous"
        async>
</script>

Simplemente puede agregar el script en un HTML Card al final del post.

Ghost HTML Card

Una vez añadido podéis nombrar el HTML Card con un nombre para guardarlo como snippet y poder reutilizarlo en todos vuestros posts fácilmente. Yo lo he llamado Comment Section

Luego podemos encontrarlo en el dropdown al final del todo

💡
NOTA:
Otras integraciones simplemente añadiéndolas a la sección Footer Section o Post Footer te deja generar la sección de comentarios automáticamente en todos tus posts. Hay workarounds para hacerlo funcionar con Utterances pero depende del tema. Creo que este método es más sencillo.

Eso es todo, ahora tienes comentarios añadidos ✌

via GIPHY

Etiquetas

Adel de la Llave Ramadan

Soy Adel, me defino como una persona que disfruta del aprendizaje constante, excesivamente curiosa y apasionada por la ciberseguridad. ¡Espero que encuentres cosas útiles en mi página web!