Cómo pegar un tuit dinámico a tu blog o página web

Publicidad en Facebook es más efectiva

— Twitter API (@cdperiodismo) December9, 2011

Esta semana Twitter anunció grandes cambios en su plataforma, entre ellos la opción embed tuits, 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 tuits sin necesidad de crear un storify.

En el nuevo diseño, cada tuit tiene una opción en la parte inferior que dice «embed». Al hacer clic, aparecerá una ventana con un código HTML que deberás pegar en una web. Además, te da un código especial si usas WordPress.

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

— Twitter API (@twitterapi) November7, 2011

Sin embargo, como informó Twitter API, en su cuenta oficial, los nuevos cambios solo están disponibles para algunos usuarios.

Si aún no tienes el rediseño, no tienes un Android ni iPhone -con actualizar la app de Twitter te permite acceder a los cambios en la web-, hay una rápida formad embeber tuits.

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

</p> <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> </div> </div><!-- .entry-content --> <div class="screen-reader-text" itemprop="datePublished" itemtype="https://schema.org/Date">2011-12-10</div> </article><!-- .entry --> <div id="loop-nav-wrap" class="loop-nav"><div class="prev">Entrada anterior: <a href="https://www.clasesdeperiodismo.com/manual-para-usar-el-boton-suscribirse-en-tu-sitio-web/" rel="prev">Manual de Facebook para usar el botón Suscribirse en tu sitio web</a></div><div class="next">Siguiente entrada: <a href="https://www.clasesdeperiodismo.com/10-propuestas-academicas-para-comunicacion-y-nuevas-tecnologias/" rel="next">10 propuestas académicas para Comunicación y Nuevas Tecnologías</a></div></div><!-- .loop-nav --> <section id="comments-template"> <div id="comments"> <h3 id="comments-number">No hay comentarios</h3> <ol class="comment-list"> <li id="comment-12517" class="comment even thread-even depth-1 has-avatar" itemprop="comment" itemscope="itemscope" itemtype="https://schema.org/Comment"> <article> <header class="comment-avatar"> <img alt='' src='https://secure.gravatar.com/avatar/5ad5227a4f9fab7d2a6c3891a6f802ddb8827ca2c4498876bdb65da5a2e0c1b4?s=96&d=mm&r=g' srcset='https://secure.gravatar.com/avatar/5ad5227a4f9fab7d2a6c3891a6f802ddb8827ca2c4498876bdb65da5a2e0c1b4?s=192&d=mm&r=g 2x' class='avatar avatar-96 photo' height='96' width='96' decoding='async'itemprop="image" /> </header><!-- .comment-avatar --> <div class="comment-content-wrap"> <div class="comment-content" itemprop="text"> <p>twitter lo modifica todo menos poder editar el contenido de un tweet… cuanto lanzas algo con alguna palabra comida sin darte cuenta, o lanzas un link mal pegado que no funciona… toca borrar.. y volver a enviar…</p> </div><!-- .comment-content --> <footer class="comment-meta"> <div class="comment-meta-block"> <cite class="comment-author" itemprop="author" itemscope="itemscope" itemtype="https://schema.org/Person">dsme</cite> </div> <div class="comment-meta-block"> <time class="comment-published" datetime="2011-12-10T12:32:12-05:00" title="sábado, 10 de diciembre del 2011, 12:32 pm" itemprop="datePublished">10 de diciembre de 2011</time> </div> <div class="comment-meta-block"> <a class="comment-permalink" href="https://www.clasesdeperiodismo.com/como-pegar-un-tuit-dinamico-a-tu-blog-o-pagina-web/#comment-12517" itemprop="url">Enlace permanente</a> </div> <div class="comment-meta-block"> <a rel="nofollow" class="comment-reply-link" href="https://www.clasesdeperiodismo.com/como-pegar-un-tuit-dinamico-a-tu-blog-o-pagina-web/?replytocom=12517#respond" data-commentid="12517" data-postid="86340" data-belowelement="comment-12517" data-respondelement="respond" data-replyto="Responder a dsme" aria-label="Responder a dsme">Responder</a> </div> </footer><!-- .comment-meta --> </div><!-- .comment-content-wrap --> </article> </li><!-- .comment --> </ol><!-- .comment-list --> </div><!-- #comments--> <div id="respond" class="comment-respond"> <h3 id="reply-title" class="comment-reply-title">Deja una respuesta <small><a rel="nofollow" id="cancel-comment-reply-link" href="/como-pegar-un-tuit-dinamico-a-tu-blog-o-pagina-web/#respond" style="display:none;">Cancelar la respuesta</a></small></h3><form action="https://www.clasesdeperiodismo.com/wp-comments-post.php" method="post" id="commentform" class="comment-form"><p class="comment-notes"><span id="email-notes">Tu dirección de correo electrónico no será publicada.</span> <span class="required-field-message">Los campos obligatorios están marcados con <span class="required">*</span></span></p><p class="comment-form-comment"><label for="comment">Comentario <span class="required">*</span></label> <textarea autocomplete="new-password" id="e3481496c9" name="e3481496c9" cols="45" rows="8" maxlength="65525" required>

Nombre *

Correo electrónico *

Guarda mi nombre, correo electrónico y web en este navegador para la próxima vez que comente.