Como Integrar un Hashtag de Twitter en tu Web

Escrito por el dic 23, 2013 en socialmedia | 0 comentarios

En este post voy a explicar cómo se puede integrar un hashtag de Twitter en un sitio web. Esto puede realizarse a través de un plugin o de forma manual.

 

Uso de los hashtag de Twitter en un Blog

 

Voy a explicar la forma manual y de esta forma te ahorras un plugin.

Al integrar el uso de un hashtag de Twitter en nuestro sitio web estamos invitando a las personas que se conectan a nuestra web a twitear en su cuenta de Twitter utilizando nuestro hashtag. De esta manera generamos viralidad en nuestra cuenta alrededor de un hashtag concreto. Esto puede serte útil para promocionar el branding de tu negocio, promocionar eventos, publicitar algún producto, etc. Y todo integrado en tu sitio web.

 

Procedimiento.

 

1) Puedes acceder de forma directa a través del siguiente enlace https://twitter.com/settings/widgets.

O bien puedes ir a la opción de configuración y widgets. Y desde aquí accedes al botón de “Crear Nuevo”.

2) Nos vamos a la opción de “Buscar” y en el campo de “Consulta de Búsqueda” informaremos del Hashtag a utilizar

– hashtag

– las opciones de “modo de búsqueda segura” y “autoexpandir fotos”

– la altura del widget. Por defecto son 600 pixels aunque personalmente lo haría más pequeño. Por ejemplo 300 pixels

– El color de la plantilla. Puedes elegir entre claro y oscuro

– El color del enlace que por defecto es azul. En mi caso lo dejo tal cual

– Deshabilitar la personalización de Twitter. Lo dejamos desmarcado por defecto

A la derecha se puede ver una vista previa.

3) Creamos el widget. Una vez lo hayamos creado nos aparecerá en la parte inferior de la “vista previa” el código HTML a copiar en tu sitio web.

4) Pulsar “Guardar Cambios” y ya tenemos el widget creado en nuestro perfil.

A partir de aquí tendremos que ir al panel de control de nuestro sitio web y configurarlo para que se muestre el widget en nuestro “sidebar” o barra lateral.

En mi caso lo he colocado en el sidebar derecho, y aparece como se muestra a continuación:

 

uso hashtag de twitter parte 1

 

uso de hashtag de twitter parte 2

 

 

Te invito a que dejes algún comentario, compartas este post y te suscribas a mi canal de YouTube.
Be Sociable, Share!

Deje una respuesta.

Tu dirección de correo electrónico no será publicada. Los campos necesarios están marcados *

Puedes usar las siguientes etiquetas y atributos HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>