Utilizamos cookies propias y de terceros para mejorar la experiencia y poder ofrecer un mejor servicio. Al continuar entendemos que se acepta nuestra "Política de cookies."
 
 
Recuperar contraseña    
Usuarios Online:  1658
English French German Italian Portuguese Spanish
 
 
Inicio | Blogs | Redes Sociales y Social Media Marketing

Redes Sociales y Social Media Marketing

1
FEB
2015
 
 
 

Insertar un Tweet en tu blog o en tu web

Publicado por Elisa Bueno García | domingo, 01 de febrero de 2015 a las 17:41 h.
1064  
0
 

Hace unas semanas os hablábamos de cómo insertar el widget de Twitter en vuestra web. Nada tiene que ver con el contenido de este artículo.

En esta ocasión se trata de compartir un contenido concreto de Twitter en tu blog o en una página web. Esto puede resultar muy útil cuando queremos promover o promocionar cierto contenido que nos interese.

En Twitter la vida de un tweet en una línea de tiempo que se actualiza constantemente es muy corta, y fácilmente pude pasar desapercibido. Para darle relevancia a ese tweet nos interesa utilizar la función “Insertar Tweet” que nos ofrece Twitter.

Una de las características principales es que nos permite tener un tweet dentro de tu página con las mismas acciones que podrías hacer desde la página de Twitter:        

  • Ver la biografía del usuario que ha hecho el tweet
  • Seguirlo
  • Responderle
  • Hacer un RT
  • Añadirlo a favoritos
  • Haciendo click en la fecha del tweet, podemos ver los usuarios que le han hecho RT y los que lo han añadido a favoritos, además de ver con qué herramienta se ha publicado.

Os pongo un ejemplo hecho con un tweet de mi usuario @ElixaBueno:


Es posible también personalizar su apariencia, ya sea usando un poco de CSS y que abajo veremos, así como agregar algunos parámetros que nos permitan cambiar la forma en que se muestra el tweet.

Usos de un tweet Insertado

Como puedes poner cualquier tweet independientemente de la fecha en que fue hecho, siendo de tu cuenta o cualquier otra, algunos usos útiles son:

  • Darle notoriedad a un tweet que hable bien de tu marca o negocio, de esta forma las visitas de tu blog pueden ver que tus contenidos generan confianza.
  • Promocionar artículos antiguos: Insertando un tweet que enlace a un artículo que haya conseguido varios RT’s y haya sido añadido varias veces a favoritos podremos darle más visibilidad en nuestra web.
  • Promover el último tweet que has hecho en tu cuenta
  • Promover una entrada actualizada del blog, permitiendo que otros la compartan.
  • Promocionar un sorteo que estés llevando a cabo.
  • Difundir alguna novedad o noticia importante para tu audiencia tweteada por ti, o un tercero.
  • Validar lo que estás afirmando en una entrada. En otras palabras: insertar un tweet en una entrada, que compruebe lo que estás diciendo para ganar credibilidad.
  • Abrir un debate a partir de un tweet que hizo un tercero en su cuenta.
  • Recomendar/promocionar el contenido de algún amig@, colega u organización a la que sigues.


Insertar un tweet

Los pasos a seguir para insertar un tweet en tu web o blog son muy sencillos:
 

  1. Desde Twitter, simplemente te posicionas sobre el tweet que desees insertar, luego, pones el puntero del ratón encima del tweet, y te posicionas encima de los tres puntos (...) para que se desplieguen las opciones.
  2. Luego haz click en la opción que dice: "Insertar tweet". 
  3. Copia el código que te facilitan.
     

     

    <blockquote class="twitter-tweet" lang="es"><p>¿Tu empresa necesita aumentar su <a href="https://twitter.com/hashtag/presencia?src=hash">#presencia</a> en las <a href="https://twitter.com/hashtag/RedesSociales?src=hash">#RedesSociales</a>? Contacta con nosotros. info@controldedominios.com <a href="http://t.co/0xy8kbIDDx">pic.twitter.com/0xy8kbIDDx</a></p>&mdash; Elisa Bueno (@ElixaBueno) <a href="https://twitter.com/ElixaBueno/status/531478695891202048">noviembre 9, 2014</a></blockquote>
    <script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>

     

  4. Después,  desde el editor de tu blog o web copia el código como “Fuente HTML” o “Código HTML” donde corresponda dentro de tu artículo.

¡Y listo! ya habrás insertado el tweet y lucirá como puedes ver a continuación: 

Opciones de Configuración para Cambiar la Apariencia del Tweet y sus Características

Por defecto, el tweet insertado aparece con la misma apariencia que se muestra en la página de Twitter, mostrando los mismos datos. Podemos agregar ciertos parámetros con el fin de manipular la forma en que se mostrará. En este artículo vamos a mostraros dos parámetros que ayudarán a darle una apariencia distinta. El fondo del tweet (claro u oscuro) y el color de los enlaces.

  • Color de fondo del Tweet: En los ejemplos anteriores el que viene por defecto es el claro. Para pasar su fondo a oscuro, al código del Tweet debemos añadirle el texto data-theme="dark" dentro de la etiqueta <blockquote>

     

    <blockquote class="twitter-tweet" lang="es" data-theme="dark"><p>¿Tu empresa necesita aumentar su <a href="https://twitter.com/hashtag/presencia?src=hash">#presencia</a> en las <a href="https://twitter.com/hashtag/RedesSociales?src=hash">#RedesSociales</a>? Contacta con nosotros. info@controldedominios.com <a href="http://t.co/0xy8kbIDDx">pic.twitter.com/0xy8kbIDDx</a></p>&mdash; Elisa Bueno (@ElixaBueno) <a href="https://twitter.com/ElixaBueno/status/531478695891202048">noviembre 9, 2014</a></blockquote>
    <script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>

     

     

  • Personalizar el color de los enlaces. Es posible personalizar el color de los enlaces del tweet y para ello, solo necesitas agregar el parámetro: data-link-color con el valor del color, también dentro de la etiqueta <blockquote>

     

    <blockquote class="twitter-tweet" lang="es" data-link-color="#FF0000"><p>¿Tu empresa necesita aumentar su <a href="https://twitter.com/hashtag/presencia?src=hash">#presencia</a> en las <a href="https://twitter.com/hashtag/RedesSociales?src=hash">#RedesSociales</a>? Contacta con nosotros. info@controldedominios.com <a href="http://t.co/0xy8kbIDDx">pic.twitter.com/0xy8kbIDDx</a></p>&mdash; Elisa Bueno (@ElixaBueno) <a href="https://twitter.com/ElixaBueno/status/531478695891202048">noviembre 9, 2014</a></blockquote>
    <script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>

     


Como ves esta funcionalidad  tiene algunos usos interesantes que podemos poner en práctica en nuestra web, ¿se te ocurre alguno más?

 
 
¿Te ha gustado el artículo? ¡Suscríbete YA!
Únicamente recibirás un breve resumen mensual de los últimos post
 
Tu opinión sobre este artículo
Generar nuevo código
Los datos personales recabados formarán parte de un fichero automatizado que explicamos debidamente en la Privacidad de la web.