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

Demo Clic aquí

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://codigo-seguro.blogspot.com/2018/11/twitter.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

Preguntas frecuentes

Cómo editar el amp-sidebar barra lateral de mi blog en AMP de Blogger
¿Cómo publicar una entrada de Blogger correctamente en Amp?
¿Cómo habilitar la plantilla móvil de mi blog de Blogger en AMP?
Cómo configurar los comentarios de Disqus de mi blog en AMP de Blogger
¿Cómo configurar el gadget Related post? de mi plantilla en AMP de Blogger
Invalid Amp Error al crear un nuevo Gadget/Widget en Blogger
¿Cómo agregar Google AdSense en un Widget de Blogger en AMP HTML?
¿Cómo añadir Google AdSense a tus entradas de Blogger en AMP HTML?
Anuncios automáticos AMP de texto y de display
Corregir error en los datos estructurados al configurar en Blogger
Corregir error en los datos estructurados - error detectado Breadcrumb
Cómo editar las meta etiquetas de las plantillas de Blogger en AMP
¿Cómo configurar los datos estructurados de mi blog de Blogger 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

TAGS: Amp en Blogger

Share:

Luis Chávez

Soy el fundador del sitio web Ayudadeblogger.com - Considerado un Pro Blogger profesional, Consultor SEO y desarrollador Web adicto, ejecuto una serie de sitios web desde mi Oficina Quito-Ecuador.