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:
- 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.
- Luego haz click en la opción que dice: "Insertar tweet".
- 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>— 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>
- 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>— 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>— 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?
.jpg)
.jpg)
.jpg)
.jpg)
.jpg)
