Recomendado

domingo, 18 de marzo de 2018

Poner el botón compartir con Telegram en nuestra web

Hoy en día la gran procedencia de las visitas es a través de dispositivos móviles, la mayoría de páginas tienen para poder compartirse a través de redes sociales y whatsapp, dejando a un lado a unos de los importantes en cuanto usuarios, me estoy refiriendo a Telegram




El código lo he probado y he de decir que al igual que pasa con el whatsapp, no funciona en todos los navegadores, por suerte, si funciona en la mayoría de los navegadores y mas utilizados.

El código seria el siguiente:


  1. tg:msg_url?url=http://blog.joason.com/2018/03/poner-el-boton-de-compartir-en-telegram.html&text=Poner el botón  compartir con Telegram en nuestra web



 Este código para ponerlo con texto, quedaría de la siguiente manera:



  1. <a href="tg:msg_url?url=http://blog.joason.com/2018/03/poner-el-boton-de-compartir-en-telegram.html&text=Poner el botón  compartir con Telegram en nuestra web">Compartir en Telegram</a>


y se vería así:


Tambien lo podemos poner con una imagen, siendo el siguiente código:



  1. <a href="tg:msg_url?url=http://blog.joason.com/2018/03/poner-el-boton-de-compartir-en-telegram.html&text=Poner el botón  compartir con Telegram en nuestra web"><img src="https://1.bp.blogspot.com/-Hb3LTF8Oi8U/Wq6A8XgGcFI/AAAAAAAAAMw/3LyU1ab-oL06vRDM_xokkEOJfUxWginYgCLcBGAs/s1600/poner_boton_compartir_con_telegram_en_nuetra_web.png" width="40" height="40"/></a>


Y se vería así:

 




y si queremos rizar el rizo, podemos hacer las dos a la vez, imagen y texto con el siguiente código:


  1. <a href="tg:msg_url?url=http://blog.joason.com/2018/03/poner-el-boton-de-compartir-en-telegram.html&text=Poner el botón  compartir con Telegram en nuestra web"><img src="https://1.bp.blogspot.com/-Hb3LTF8Oi8U/Wq6A8XgGcFI/AAAAAAAAAMw/3LyU1ab-oL06vRDM_xokkEOJfUxWginYgCLcBGAs/s1600/poner_boton_compartir_con_telegram_en_nuetra_web.png" width="120" height="120"/>Comparte</a>




viéndose así:




Espero que os sea de utilidad, cualquier duda, consultar.



Un saludo.

por en
in

9 comentarios:

  1. TDI5 de enero de 2019, 14:47

    Se me hace raro ver un blog de este tipo en el 2018 que no lleve más años inactivo. Me alegra. Son trucos sencillos, pero útiles.

    ResponderEliminar
  2. Unknown11 de febrero de 2019, 12:31

    Hermano, como estas.. quiero colocar el logo de telegram asi mismo como lo explicas pero quieri que la funcion sea.. que puedan comunicarse conmigo es decir a ti telegram , como seria eso o con eso hace la misma funcion.? saludos..

    ResponderEliminar
  3. Anime 2d6 de octubre de 2020, 0:48

    que gran contenido, espero me funcione, saludos

    ResponderEliminar
  4. Jesús Hoyos Hernández7 de febrero de 2021, 1:17

    Gracias por compartir estos códigos tan importantes

    ResponderEliminar
  5. Agaton5 de julio de 2021, 0:06

    Y en el blog de blogger en que parte se pone este codigo??

    ResponderEliminar
    Respuestas
    1. joason5 de julio de 2021, 16:36

      Hola AGATON, el código en blogger lo puedes poner donde creas mejor para tu blog, mira el código fuente de tu plantilla para ubicar donde ponerlo, cualquier duda comenta.

      Un saludo.

      Eliminar
  6. frank11 de noviembre de 2021, 17:13

    Hola amigo, e hecho tal cual como dices, y no funciona :( en la tuya tampoco porque le doy clic y me tira una web vacia, que esta fallando ? te lo agradeceria muycho, estare revisando haber si modificaste el post con la solucion ;)

    ResponderEliminar
    Respuestas
    1. joason11 de noviembre de 2021, 17:28

      Hola FRANK, el boton funciona bien, lo que pasa es que está diseñado para usarlo desde movil, para que pueda funcionar también desde pc cambia "tg:msg_url?url=" por "https://telegram.me/share/url?url=" de esta manera lo que pasa es que te abrirá siempre primero el navegador y luego te enviará a la aplicación, como lo tengo puesto, te envía directo a la aplicación.

      Un saludo.

      Eliminar