Enlace para compartir en Twitter con HTML

Introducción

Twitter ofrece una forma de crear un link o enlace para compartir en Twitter (O twittear, como sea que le digamos). Se trata de una simple etiqueta <a> a la que podemos pasar ciertos parámetros como hashtags, texto, alguna url, la vía (en donde dice via @parzibyte por ejemplo), entre otros.

Cómo crear un enlace para compartir en Twitter usando HTML

Lo que tenemos que hacer es simplemente crear un enlace con la etiqueta <a> y en el atributo href poner la url https://twitter.com/intent/tweet junto con un cierto número de parámetros explicados abajo.

Dichos parámetros deben estar en la URL así como cuando mandamos un formulario por GET. Algo como https://twitter.com/intent/tweet?dato=valor&otroDato=otroValor

Lo que más utilizaremos será url, text, via y tal vez los hashtags. Los demás parámetros no se me hacen muy comunes pero igual y algún día los utilizamos.

Ejemplo

Podemos crear un enlace que se abra en una nueva pestaña. Claro que también podríamos hacerlo con JavaScript y window.open pero eso es otra historia.

Dicho enlace queda así en el código HTML:

<a href="https://twitter.com/intent/tweet?text=Aprendiendo%20a%20crear%20un%20enlace%20para%20compartir%20en%20Twitter&url=http%3A%2F%2Fparzibyte.me%2Fblog&via=parzibyte&hashtags=programación,html" target="_blank">Twittear</a>

Como vemos, el texto “Aprendiendo a crear un enlace para compartir en Twitter” se convierte en “Aprendiendo%20a%20crear%20un%20enlace%20para%20compartir%20en%20Twitter” al codificarlo como URL

Igualmente la URL https://parzibyte.me/blog se convierte en http%3A%2F%2Fparzibyte.me%2Fblog (y más tarde, al twittear, se convertirá en un enlace acortado con t.co)

Para la lista de etiquetas no es necesario codificar nada. Eso sí, ponemos cada etiqueta sin el símbolo  de #

Y al final, la vía sería el nombre de usuario que en este caso es mi nombre de usuario en Twitter.

Puedes probar presionando el botón de abajo:

Twittear

En mi caso, al presionarlo se ve así:

Resultado de haber creado un enlace para compartir en Twitter
Resultado de haber creado un enlace para compartir en Twitter

Así de fácil es twittear presionando un botón. Ahora podemos ponerlo en nuestros sitios web para que sea más fácil que nuestros usuarios propaguen nuestros artículos.

Conclusión

Aquí dejo la guía oficial ofrecida por Twitter.

 

Encantado de ayudarte


Estoy disponible para trabajar en tu proyecto, modificar el programa del post o realizar tu tarea pendiente, no dudes en ponerte en contacto conmigo.

No te pierdas ninguno de mis posts

Suscríbete a mi canal de Telegram para recibir una notificación cuando escriba un nuevo tutorial de programación.

Dejar un comentario