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.

9 comentarios:

  1. 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. 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. que gran contenido, espero me funcione, saludos

    ResponderEliminar
  4. Gracias por compartir estos códigos tan importantes

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

    ResponderEliminar
    Respuestas
    1. 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. 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. 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