Programación y ejemplos de PHP, jQuery, HTML5, WordPress, MySQL y htaccess


Añadir el botón hastag de Twitter en tu página web

Vamos a ver cómo añadir el botón hastag de Twitter en una página web, Twitter ofrece  gratuitamente varios plugins para colocar sus botones en una web y así facilitar al usuario su interacción con esta red social.

Si tu web está hecha en WordPress quizás te interese leer este post:

Obtener el código del botón hastag de Twitter

Para obtener dicho código debemos ir a la página oficial, allí nos encontraremos con un listado (imagen inferior) de los botones disponibles.

Botones para twittearEn este caso seleccionaremos ‘Etiqueta’, tras seleccionarlo nos saldrán varias opciones para configurar nuestro botón hastag de Twitter.

Botón hastag de TwitterEn la izquierda de la imagen podéis ver las diferentes opciones de configuración y a la derecha una previsualización del botón y su código fuente para ponerlo en nuestra web.

Voy a comentar cada opción:

  • Etiqueta: Es el hastag de Twitter que queremos tweetear al hacer click en el botón.
  • Texto del Tweet: Podemos establecer un texto por defecto que posteriormente se puede modificar, yo recomiendo dejarlo ‘Sin texto por defecto’.
  • Recomendar: Usuarios que queremos recomendar en el tweet.
  • URL: URL por defecto a compartir.
  • Botón grande: Por defecto tenemos el botón con tamaño pequeño, si elegimos el grande el botón aumentará el tamaño un 50% aprox.
  • Deshabilitar la personalización de Twitter: Recomiendo dejarlo sin seleccionar.
  • Idioma: Elegimos el idioma de los textos del botón. Recomiendo dejarlo automático.

Tras configurar las opciones a nuestro antojo solo nos queda añadir el código en nuestra web.

Los plugins y widgets de Twitter más usados

Os recomiendo leer este interesante post las heramientas que nos ofrece Twitter: ‘Los widgets y plugins de Twitter más usados‘.

comments powered by Disqus

Uso de cookies

Este sitio web utiliza cookies para que usted tenga la mejor experiencia de usuario. Si continúa navegando está dando su consentimiento para la aceptación de las mencionadas cookies y la aceptación de nuestra política de cookies, pinche el enlace para mayor información.

ACEPTAR
Aviso de cookies