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


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

Vamos a ver cómo añadir el botón de twittear en tu web, Twitter ofrece varios plugins para colocar sus botones en una página web y así facilitar al usuario compartir contenido en la red de microblogging.

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

Obtener el código del botón de twittear

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

Botón de twittearEn este caso seleccionaremos ‘Compartir un enlace’, tras seleccionarlo nos saldrán varias opciones para configurar nuestro botón de twittear.

configurar el botón de twittearEn 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:

  • Compartir URL: Esta opción nos permite elegir entre compartir la url de la página donde se encuentre en botón de twittear o personalizar la URL.
  • Texto del Tweet: De forma automática coge el title de la URL donde coloquemos el botón, también nos deja personalizar el texto.
  • Mostrar el conteo: Esta opción nos permite visualizar el número de veces que se ha compartido la URL.
  • Vía y recomendar: Aquí podemos poner una cuenta de twitter para asociarla al contenido twitteado.
  • Etiqueta: También se puede asociar un hastag al twitt.
  • Botón grande: Podemos elegir que el botón sea más visible.
  • Deshabilitar la personalización de Twitter: Recomiendo dejarlo sin seleccionar.
  • Idioma: Elegimos el idioma de los textos del botón.

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‘.

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