Saltar al contenido

Cómo crear botones de redes sociales para todas las principales redes sociales

febrero 7, 2022
social media buttons.jpgkeepProtocol

Redes sociales es una herramienta extremadamente valiosa para promocionar su contenido de marketing.

Además, incorporar sus perfiles sociales en su sitio web o publicaciones de blog puede ayudar a aumentar el tráfico a sus redes sociales y, en última instancia, crear coherencia de marca en todas las plataformas.

Pero con tantas redes sociales que ofrecen sus propios botones individuales para compartir y seguir, a menudo es difícil saber qué botón de redes sociales usar para qué propósito.

Para abordar esto, hemos elaborado una guía completa para ayudarlo a comprender las diferencias entre los botones de compartir y seguir para seis de las redes sociales más importantes: Twitter, Facebook, LinkedIn, YouTube, Instagram y Pinterest, así como también cómo implementarlos en su sitio web, blog y otros contenidos.

→ Descarga gratuita: plantilla de calendario de redes sociales [Access Now]

Saltar a las instrucciones para: Gorjeo | Facebook | LinkedIn | Youtube | Pinterest | Instagram

La última hoja de trucos para crear botones para compartir en redes sociales

Diferenciar entre las redes sociales intercambio botones y redes sociales seguir botones le permite identificar qué tipo de botón debe usar para qué propósito.

Es el primer paso para comprender los matices de todos los botones de redes sociales disponibles para usted. Aclaremos eso ahora mismo.

Botones de seguimiento de redes sociales

Estos botones sirven para promocionar la presencia de su negocio en varias redes sociales y lo ayudan a generar fanáticos/seguidores para esas cuentas en particular. Al colocar estos botones en el sitio web de su empresa, puede ayudar a crear visibilidad para sus cuentas de redes sociales y ampliar fácilmente su alcance allí.

Puede colocar estos botones en cualquier lugar de su sitio web, pero le recomendamos que al menos los coloque en la página «Acerca de nosotros» de su sitio web y en la página de inicio/barra lateral de su blog. El botón de seguimiento de Twitter, el botón de seguimiento de Facebook, el complemento de seguimiento de empresa de LinkedIn y el botón de suscripción de YouTube (y más) que cubriremos en este artículo sirven como botones de seguimiento de redes sociales.

Botones/enlaces para compartir en redes sociales

Estos enlaces y botones permiten que los visitantes de su sitio web y los espectadores de contenido compartan fácilmente su contenido con sus redes y conexiones de medios sociales. Agregar estos botones a su contenido le permite expandir el alcance de su contenido a nuevas audiencias y generar nuevos visitantes a su sitio web.

Debe agregar enlaces/botones para compartir en las redes sociales a cada contenido que cree, incluidas las páginas de destino, las páginas web, los artículos de blog individuales, el contenido de correo electrónico, etc. El botón Tweet/Compartir, los botones Me gusta y Compartir de Facebook y el botón Compartir de LinkedIn ( y más) que cubriremos en este artículo sirven como botones para compartir en las redes sociales.

Ahora, profundicemos en los botones de redes sociales más importantes disponibles para cada una de las seis principales redes sociales. (Clientes de HubSpot: Muchos de estos botones salen de la caja con Aplicaciones de redes sociales de HubSpot.)

Botones de redes sociales para Twitter

1. Botón Seguir de Twitter

Para qué sirve:

El botón de seguimiento de Twitter es ideal para generar nuevos seguidores para su Cuenta de Twitter. Los usuarios pueden comenzar a seguirlo en Twitter con solo un clic, sin tener que abandonar su sitio.

Cómo agregar un botón de seguimiento de Twitter:

Visita https://publish.twitter.com/# y seleccione «Botones de Twitter» para personalizar la cuenta destacada de su botón (es decir, la cuenta que desea que la gente siga).

opción de botones de twitter en la página de desarrollador de twitter

Luego, selecciona «Botón Seguir»:

opción de botones de twitter en la página de desarrollador de twitter

Finalmente, copie y pegue el código HTML que genera donde desea que aparezca el botón en su sitio web.

HTML para el botón de seguimiento de Twitter en la página de desarrollador de Twitter

Alternativamente, haga clic en «establecer opciones de personalización» arriba del enlace de inserción si desea personalizar aún más aspectos como el idioma o el tamaño del botón.

Véalo en acción. Sigue a HubSpot en Twitter:

2. Botón para compartir en Twitter

Para qué sirve:

Use este botón para permitir que los visitantes del sitio compartan fácilmente contenido (por ejemplo, publicaciones de blog, páginas de inicio, otras páginas web, etc.) con sus redes en Twitter, extendiendo el alcance de su contenido a su conexiones

Cómo agregar un botón Compartir:

Visita https://publish.twitter.com/# y seleccione «Botones de Twitter». Luego, elija «Botón Compartir»:

Recomendamos agregar el nombre de usuario de Twitter de su empresa para aumentar el alcance de su cuenta y generar nuevos seguidores.

botón compartir de twitter en la página de desarrollador de twitter

Una vez personalizado, tome el código HTML para su nuevo botón y colóquelo en su sitio donde desea que aparezca el botón.

Véalo en acción. Twittea esta publicación de blog:

tweet sobre este botón de publicación de blog

3. Gorjeo Hashtag Botón

Para qué sirve:

Este botón es ideal para animar a los visitantes a twittear sobre ciertos hashtags que estás promocionando, como eventos o campañas de marketing específicas. Agregue estos botones a las páginas de estas campañas o eventos para difundir y promocionar el evento y su hashtag. (Para obtener más información sobre el uso de hashtags, consulte esta publicación de blog).

Por ejemplo, si está promocionando un evento con un hashtag, puede tomar el código HTML y colocarlo en el sitio web de su evento o en la página de registro.

Cómo agregar un botón Hashtag de Twitter:

Visita https://publish.twitter.com/# y haz clic en «Botones de Twitter» para personalizar tu botón de hashtag. Luego seleccione «Botón de etiqueta». A continuación, puede personalizar o copiar y pegar el código tal como está en su sitio web.

botón de hashtag en la página de desarrollador de twitter

Véalo en acción. Tweet sobre el marketing y las ventas anuales de HubSpot evento, ENTRANTE:

Botón de tweet #INBOUND20

4. Botón de mención de Twitter

Para qué sirve:

Utilice este botón para animar a los visitantes del sitio web a comunicarse con usted a través de Twitter. Agregue este botón a las páginas de su sitio, como las páginas ‘Contáctenos’, ‘Acerca de nosotros’ o ‘Ayuda’. Es genial para la atención al cliente.

Cómo agregar un botón de mención de Twitter:

Visita https://publish.twitter.com/# y haz clic en «Botones de Twitter» y luego en «Botón de mención» para personalizar tu botón. Luego tome el código HTML y péguelo en el HTML de su sitio web donde desea que aparezca el botón.

botón de mención en el sitio web para desarrolladores de twitter

Véalo en acción. Tuitea un mensaje a HubSpot:

botón de tweet hubspot

5. Botón de mensaje de Twitter

Para qué sirve:

Use este botón para ayudar a los usuarios a conectarse con usted a través de un mensaje directo privado de Twitter. Este es otro gran botón de Twitter para agregar a las páginas ‘Contáctenos’ o ‘Servicio al cliente’ de su sitio para que los clientes puedan conectarse fácilmente con usted para resolver problemas.

Cómo agregar un botón de mensaje de Twitter:

Visita https://publish.twitter.com/#y haga clic en «Botones de Twitter» y «Botón de mensaje» para personalizar su botón. Luego tome el código HTML y péguelo en el HTML de su sitio web donde desea que aparezca el botón.

botón de mensaje página de desarrollador de twitter

Véalo en acción. Envía un mensaje directo a HubSpot:

6. Enlaces de texto de anclaje ‘Tweet This’ precargados

Para qué sirven:

¿Alguna vez ha querido crear un enlace de texto ancla que complete previamente un mensaje específico de Twitter para que lo compartan sus visitantes? A estos enlaces los llamamos enlaces ‘Tweet This’, y en HubSpot, los usamos mucho en artículos de blog para facilitar el intercambio de contenido.

Por lo general, estos enlaces de tweet se utilizan en las páginas de destino para promocionar ofertas utilizando mensajes específicos y dentro del contenido mismo, como en las publicaciones de blog. Similar a oficial Botón Tweet, los enlaces ‘Tweet This’ permiten a los especialistas en marketing tener más control sobre el mensaje que un visitante comparte sobre su contenido en Twitter.

Cómo agregar un CTA de texto de anclaje ‘Tweet This’:

Afortunadamente, existe una excelente herramienta gratuita que lo ayuda a crear fácilmente enlaces ‘Tweet This’ para su contenido. Simplemente visite http://clicktotweet.comingrese el mensaje que desea completar en el tweet y haga clic en «Generar nuevo enlace», y luego copie/pegue la URL generada en su texto de anclaje (por ejemplo, «¡Tuitee esto!»):

cómo usar clicktotweet.com para generar un nuevo enlacecómo usar clicktotweet.com para generar un nuevo enlace

Como práctica recomendada, incluya una URL en el mensaje del tweet para dirigir a las personas al contenido original que está tratando de promocionar y asegúrese de acortar la URL para ahorrar espacio para la copia del tweet. También es una gran idea incluir el @nombre de usuario de su empresa en el tweet para ayudar a aumentar el alcance.

Véalo en acción:

(Recuerda que puedes personalizar el texto de anclaje como quieras).

¡Tuitea este artículo de blog!

7. Widget de línea de tiempo de Twitter

Para qué sirven:

El widget de la línea de tiempo de Twitter le permite insertar todo el perfil de Twitter de su empresa en su sitio web, para que los usuarios puedan ver todos los Tweets recientes directamente desde su sitio web.

Cómo agregar un widget de línea de tiempo de Twitter:

Visita https://publish.twitter.com/#, haga clic en «Cronología integrada» y pegue la URL, las listas o los favoritos del perfil de Twitter de su empresa. Luego tome el código HTML y colóquelo en su sitio web donde desea que se muestre el widget.

botón de línea de tiempo incrustado en la página de desarrollador de Twitterbotón de línea de tiempo incrustado en la página de desarrollador de Twitter

Vea uno en acción:

ejemplo de línea de tiempo de twitter en el perfil de twitter de hubspot

Botones de redes sociales para Facebook

1. Complemento de la página de Facebook

Para qué sirve:

El complemento de la página de Facebook le permite promocionar la página de Facebook de su empresa en su sitio web/blog, resaltar a otros usuarios a los que ya les ha gustado su página, mostrar su número de seguidores y mostrar publicaciones recientes en su página.

El cuadro también permite a los visitantes marcar su página comercial de Facebook con solo un clic, sin salir de su sitio, lo que le permite promocionar su presencia en Facebook y aumentar fácilmente los Me gusta de su página.

Cómo agregar un complemento de página de Facebook:

Para generar un cuadro Me gusta de Facebook para su sitio web, visite https://developers.facebook.com/docs/plugins/page-plugin. Incluya la URL mnemónica de su página de Facebook, así como sus preferencias de personalización. Luego genere el código (disponible en HTML5, XFBML, IFRAME o una URL) y colóquelo en su sitio web donde desee que aparezca.

Complemento de la página de desarrollador de Facebook

Véalo en acción:

2. Botón Me gusta de Facebook

Para qué sirve:

El botón «Me gusta» de Facebook es un botón que permite a los usuarios aprobar fácilmente su contenido virtualmente. Al hacer clic en el botón Me gusta, también aparece una historia en la página del usuario. Línea de tiempo de Facebook y en las fuentes de noticias de sus amigos con un enlace a su contenido, ya sea una publicación de blog o una página de destino específica.

Utilice este botón para facilitar que los visitantes respalden su contenido y lo compartan con sus conexiones de Facebook, pero tenga en cuenta que este botón no les permite agregar mensajes personalizados a los enlaces antes de compartirlos. Para permitir que los usuarios agreguen un mensaje personalizado, use el botón Compartir de Facebook (ver más abajo).

Cómo agregar un botón Me gusta de Facebook:

Visita https://developers.facebook.com/docs/plugins/like-button para personalizar su botón Me gusta y obtener el código (disponible en HTML5, XFBML, IFRAME o una URL) para colocarlo en su sitio web.

desarrollador de facebook como complemento

Véalo en acción:

3. Botón Compartir de Facebook

Para qué sirve:

El botón Compartir de Facebook actúa de manera similar al botón Me gusta (comparte su contenido en su línea de tiempo y en las noticias de sus amigos), pero también brinda a los usuarios la opción de agregar un comentario o mensaje al enlace cuando lo comparten. Este botón también les permite compartir el contenido de otras formas: en grupos de Facebook y en mensajes de Facebook para usuarios específicos.

Cómo agregar un botón para compartir en Facebook:

Para generar un botón Compartir en Facebook, visite https://developers.facebook.com/docs/plugins/share-button y especifique la URL que desea que la gente comparta, así como el ancho. Luego genera el código, y péguelo en su sitio donde desea que aparezca el botón. (Nota: El botón de compartir solo está disponible en HTML5 o XFBML y requiere la SDK de JavaScript.)

Véalo en acción:

4. Enlaces para compartir texto de anclaje de Facebook

Para qué sirven:

Puede haber ocasiones en las que prefiera usar un enlace para compartir de texto ancla en lugar de un botón. Estos enlaces son fáciles de crear y se pueden agregar a páginas web, artículos de blog, páginas de destino o dentro de contenido como libros electrónicos y documentos técnicos.

Cómo agregar enlaces para compartir texto de anclaje en Facebook:

Para crear sus propios enlaces para compartir en Facebook, reemplace la sección naranja de la URL, a continuación, con la URL del contenido que desea promocionar. Luego, vincule la URL completa al texto de anclaje que desea que aparezca en su contenido.

http://www.facebook.com/share.php?u=hubspot.com

Vea uno en acción:

¡Comparte esta publicación en Facebook!

Más botones de Facebook: hemos cubierto los botones de redes sociales más utilizados para su negocio aquí, pero para encontrar todos los complementos de redes sociales oficiales de Facebook en…