En esta entrada te enseño a crear widgets dinámicos en tu web con Telegram, para automatizar la publicación de contenido.
¿Por qué crear widgets dinámicos?
Si tienes una página web estoy seguro de que en algún momento has tenido la necesidad o has visto la posibilidad de incluir contenido interesante de forma automatizada.
Muchas veces se soluciona instalando algún plugin de wordpress (o creando uno tú mismo). No obstante, muchas veces no existe el plugin que necesitas o no tiene la flexibilidad que te gustaría.
Aquí es donde surge la idea de crear widgets dinámicos en tu web con Telegram. ¿Y por qué Telegram? En primer lugar, porque esta herramienta de mensajería nos permite insertar de forma sencilla un mensaje en tu web. Y, lo más importante, porque puedes actualizar ese mensaje de forma automática con herramientas como Home Assistant o n8n.
En la práctica esto te va a permitir cosas como incluir las mejores ofertas de tus plataformas de afiliado, resultados de tus sorteos, noticias interesantes… En definitiva, contenido mucho más interesante para tu público que los típicos anuncios que utilizan ‘cookies’ para insertar publicidad invasiva (y que, dicho sea de paso, tienen una rentabilidad infinitamente menor).
Insertar un widget de Telegram
El primer paso es obtener el código HTML que corresponde a tu mensaje de Telegram, para que puedas insertarlo en la parte de tu página web que más te interese.
Esto es muy fácil, ya que puedes crearlo a través de la propia página de Telegram. Lo único que tienes que hacer es indicar la URL a tu mensaje, y personalizar el widget como quieras. Para ello entra en Telegram, localiza el mensaje, haz clic derecho y pulsa sobre «Enlace al mensaje».
Esto te generará un código en el campo «Embed Code» que tienes que copiar en tu página web. El resultado es el siguiente:
Observa que si has incluido enlaces en tu mensaje, estos serán perfectamente accesibles haciendo clic en el elemento correspondiente.
Actualizar el mensaje de Telegram
La segunda parte para crear widgets dinámicos en tu web con Telegram es actualizar de forma automática el contenido del mensaje. Esto puedes hacerlo utilizando la API de Telegram y alguna herramienta de automatización.
Para ello tienes que hacer una llamada HTTP (o «HTTP Request»), con los siguientes parámetros:
- Method: POST.
- URL. utiliza este ‘endpoint’, reemplazando el token de tu bot: ‘https://api.telegram.org/bot+TOKEN/editMessageMedia’. Por ejemplo:
- Body Content Type: JSON.
- Contenido del body. Aquí tienes que incluir primero el ID del chat donde se encuentra el mensaje (‘chat_id’), y su identificador (‘message_id’). Luego tendrás que indicar el contenido con el que quieres actualizar el mensaje. Por ejemplo, este sería el código completo para mostrar una imagen con un mensaje debajo (como los que puedes ver en nuestra barra lateral).
