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


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

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

En este caso el botón ayuda a que un determinado usuario gane de una manera sencilla y fácil seguidores en Twitter.

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

Obtener el código del botón de seguir en Twitter

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

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

Botón de seguir en 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:

  • Usuario: Es el usuario de Twitter al que queremos que se siga cuando se haga click en él.
  • Mostrar el nombre de usuario: Si lo tenemos activado, en las letras del botón pondrá ‘Seguir a @usuario’, en mi caso ‘Seguir a @anerbarrena‘.
  • 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‘.

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