Categoría: Google-AMP

  El componente amp-lightbox-gallery se usa para brindar una experiencia de caja de luz para otros componentes de amplificador como amp-carousel, amp-img. Actualmente, amp-lightbox-gallery solo admite imágenes. Script requerido: importar el componente amp-lightbox-gallery al encabezado. HTML <script async custom-element=»amp-lightbox-gallery» src= «https://cdn.ampproject.org/v0/amp-lightbox-gallery-0.1.js»> </script> Atributos: lightbox: Usamos este atributo para agregar un efecto de lightbox a las … Continue reading «Google AMP amp-lightbox-gallery»

  Muchas veces como desarrollador queremos agregar un archivo de audio en la página web. Anteriormente, los audios solo se podían reproducir en páginas web mediante complementos web como Flash. La etiqueta de «audio» es un elemento en línea que se utiliza para incrustar archivos de sonido en una página web. Es una etiqueta muy … Continue reading «Audio de amplificador Google AMP»

  A veces tenemos mucho contenido para mostrar y para que el sitio web se vea bonito y corto, usamos los cuadros de texto plegables. Los cuadros de texto plegables son esa división que es la combinación de encabezado y contenido, generalmente solo el encabezado es visible, pero cuando se presiona, se muestra el contenido. … Continue reading «¿Cómo crear un acordeón de comparación usando Google AMP amp-accordion?»

  A veces, desea agregar interactividad personalizada a sus páginas AMP para que sus páginas se vean más fáciles de usar y llamativas para el usuario. Aunque los componentes preconstruidos de AMP son limitados, amp-bind está hecho para superar este problema. Ayuda al desarrollador a agregar interactividad personalizada a las páginas sin usar los componentes … Continue reading «¿Cómo cambiar/actualizar texto dinámicamente usando amp-bind en Google AMP?»

Desde el lanzamiento de HTML5, los audios se pueden agregar a las páginas web usando la etiqueta «audio». Anteriormente, los audios solo se podían reproducir en páginas web mediante complementos web como Flash. La etiqueta de «audio» es un elemento en línea que se utiliza para incrustar archivos de sonido en una página web. Es … Continue reading «¿Cómo configurar el bucle de audio en amp-audio de Google AMP?»

  Algunas veces, como desarrollador web, queremos compartir nuestros enlaces de redes sociales y para eso, tenemos que mostrar los botones de redes sociales y amp-addthis está hecho únicamente para este propósito. El componente amp-addthis integra la barra flotante de AddThis y los botones de compartir en línea. Configuración: Tienes que importar el componente amp-addthis … Continue reading «Google AMP amp-addthis»

  Algunas veces, como desarrollador web, queremos compartir nuestros enlaces de redes sociales y para eso, tenemos que mostrar los botones de redes sociales y amp-addthis está hecho únicamente para este propósito. El componente amp-addthis integra la barra flotante de AddThis y los botones de compartir en línea. Configuración: debe importar el componente amp-addthis en … Continue reading «¿Cómo crear un amp-addthis flotante en Google AMP?»

  A veces, desea agregar interactividad personalizada a sus páginas AMP para que sus páginas se vean más fáciles de usar y llamativas para el usuario. Aunque los componentes preconstruidos de AMP son limitados, amp-bind está hecho para superar este problema. Ayuda al desarrollador a agregar interactividad personalizada a las páginas sin usar los componentes … Continue reading «¿Cómo cambiar/actualizar la imagen dinámicamente usando amp-bind en Google AMP?»

Agregar videos y comentarios de Facebook a los sitios web ahora es una característica popular y atractiva en amp. Lo hacemos fácilmente usando el componente amp-facebook, Scripts requeridos: use el siguiente script para importar el componente  amp-facebook HTML <script async custom-element=»amp-facebook» src= «https://cdn.ampproject.org/v0/amp-facebook-0.1.js»> </script> Atributos:  data-href: la URL del video de Facebook es para obtener … Continue reading «¿Cómo incrustar videos de Facebook usando Google AMP?»

  SoundCloud es un sitio web de distribución y uso compartido de audio en línea. La música y la lista de reproducción se pueden incrustar en una página HTML de AMP utilizando el componente amp-soundcloud que se puede usar para tener sus canciones favoritas o la lista de reproducción de SoundCloud en su sitio web. … Continue reading «Google AMP amp-soundcloud»