Integrar los Tweets de Twitter en Amp

De una forma segura aprenderán en este tutorial a integrar un widget de Twitter en Amp, el cual mostrara los Tweets que hayan compartido en su página de Twitter. Básicamente a este widget se lo conoce como Embedded Timeline.

La integración del código es muy simple, solo debe seguir las instrucciones de este tutorial y lo implementaran en su blog de Blogger en Amp.

- Les recuerdo que este tutorial es solo para los usuarios de Blogger que ya utilizan la Plantilla de Blogger en Amp.

¿Este widget de Twiiter en Amp sirve para otros sitios web?

El widget de Twitter en Amp, se lo puede visualizar en cualquier sitio web o blog, sea este de Blogger, Wordpress, Joomla, etc.

A continuación pueden ver su demostración en el siguiente blog de demos en Amp

Video tutorial


Empezamos

1 Ir a Blogger

2 Un clic en Diseño


3 Un clic en Añadir un gadget


4 Busca el widget que dice HTML/Javascript, ábrelo


5 Ingrese las siguientes líneas de código validado en Amp


<amp-iframe width='290'
      height='300'
      sandbox='allow-scripts allow-same-origin allow-popups'
      frameborder='0'
      scrolling='yes'
      src='https://cdn.rawgit.com/Luis-Chavez/amp-g/54e20230/embed-tweet.html?user=ayudadeblogger'>
  </amp-iframe>


Realice un solo cambio:

Cambie el nombre que dice ayudadeblogger y remplácelo por el perfil que utiliza en su cuenta de Twiiter.

Por ejemplo:

Si quiere aumentar o disminuir el tamaño del widget, puede cambiar los números que se encuentran marcados de color verde

width='290'
height='300'

Eso es todo un clic en Guardar

Ubique su nuevo widget de Twitter en Amp justo abajo del Popular post

Nota importante: ahora para que nos valide el widget generado por Blogger y no muestre un solo error, diríjase al siguiente enlace, donde se explica sobre como corregir errores al crear un nuevo gadget:

6 Ahora si nota que no le muestra el nuevo widget que ingreso, siga las siguientes instrucciones

- Un clic en Tema


- Un clic en Editar HTML


- Por favor verifique que tenga el siguiente script


<script async='async' custom-element='amp-iframe' src='https://cdn.ampproject.org/v0/amp-iframe-0.1.js'/>

Si no dispone de dicho script, tendrá que agregarlo

Le quedara de la siguiente manera:


Para más detalles específicos visite el video tutorial

Un clic en Guardar Tema

Eso es todo, ahora si diríjase a su blog y disfrute de este nuevo widget de Twitter en Amp

¡Fácil verdad!

¿Necesitas ayuda?

Cualquier pregunta no duden en escribir

Recuerda suscribirte:

Obtenga nuestro boletín de noticias diario | Suscríbete gratuitamente SUSCRIBIRSE
¿Te ha resultado útil este artículo, recomiendanos?
Si



Share:

Related post

Comentarios

Disqus

Disqus comments:


Google+

Google+ comments:

Facebook

Facebook comments: