jueves, 15 de diciembre de 2011

Tweet dinámico para blog o web

17:58  Giancarlo  No comments



Twitter quien es otra de las redes sociales de gran impacto mundial ha anunciado cambios en su plataforma, entre ellos la opción embed tweets, con la que se puede pegar tuits dinámicos a páginas webs o blogs. Una gran alternativa para aquellos que solo quieren citar uno o dos tweets sin necesidad de crear un storify.

En el nuevo diseño, cada tweet tiene una opción en la parte inferior que dice “embed” o “insertar tweet”. Al hacer clic, aparecerá una ventana con un código HTML que deberás pegar en una web.



Sin embargo el rediseño aún no esta disponible para todos los usuarios, por eso aquí les dejo un pequeño tutorial para colocar un tweet dinámico en su web o blog:

  1. Como patrón usaremos este código HMTL que es el que se utilizó en el ejemplo de Twitter.

    <br />
    <blockquote class="twitter-tweet">
    <p>Search API will now always return “real” Twitter user IDs. The with_twitter_user_id parameter is no longer necessary. An era has ended. ^TS</p>
    <p>— Twitter API (@twitterapi) <a href="https://twitter.com/twitterapi/status/133640144317198338" data-datetime="2011-11-07T20:21:07+00:00">November7, 2011</a></p></blockquote>
    <p><script src="//platform.twitter.com/widgets.js" charset="utf-8"></script>

    Las palabras en rojo deben ser modificadas:
  2. Pega el código en tu blog o página web en la sección HTML. Lo que está en rojo es lo que hay que reemplazar con el tuit que quieres pegar.
    • Este es el mensaje del tweet: Search API will now always return “real” Twitter user IDs. The with_twitter_user_id parameter is no longer necessary. An era has ended. ^TS
    • Este es el nombre de usuario sin el “@” y con “@”: Twitter API (@twitterapi)
    • Este es el link del tweet. Lo consigues haciendo clic en la hora o fecha del mensaje: https://twitter.com/twitterapi/status/133640144317198338
    • Finalmente, luego de reemplazar lo anterior, haces lo mismo con la fecha. Esta tiene que ser en inglés: December15, 2011
  3. Y ya está. Recuerda que si el texto del mensaje mencionas a un usuario, por ejemplo @EsquinaTec, debes copiarlo como si fuese cualquier palabra. Lo mismo sucede con los hashtags. Si el tweet contiene un link, solo copias la frase.
Si un tweet tiene un video de YouTube o una imagen de pic.twitter.com se podrá ver. En cambio, si se usa otra plataforma de video o páginas como TwitPic e yFrog solo saldrán como links. Además, si es un reply saldrá el mensaje al que está contestando.A continuación algunos ejemplos:



Posted in: , ,

0 comentarios:

Publicar un comentario