Introducción: 3Q Player es un reproductor de video escrito en JavaScript. El reproductor implementa extensiones de fuente de medios para transmitir contenido de video. En AMP HTML para incrustar un reproductor 3Q, usamos un componente amp-3q-player . 3q-player tiene muchas características como grabación en la nube, transmisión de video, transmisión por Internet, etc. Sitio oficial: … Continue reading «Google AMP amp-3q-reproductor»
Al agregar publicaciones en redes sociales, los comentarios son características atractivas en los sitios web que los desarrolladores tienden a agregar e Instagram, que es una de las redes sociales populares en 2020, la incorporación de publicaciones de Instagram es útil cuando se busca atraer audiencia. En AMP HTML podemos hacer exactamente esto usando … Continue reading «Google AMP amp-instagram»
Introducción: 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 anidado usando Google AMP amp-accordion?»
Introducción: Una característica muy popular en las páginas web es el botón Me gusta de las plataformas de redes sociales. El amp-facebook-like se usa para incrustar un botón Me gusta de Facebook en una página HTML de AMP. Aquí, cuando se incrusta un botón Me gusta de Facebook, puede gustar la publicación sin ir a … Continue reading «Google AMP amp-facebook-like»
Introducción: Google AMP es un marco HTML de código abierto, donde AMP es un acrónimo de Accelerated Mobile Pages. Fue creado por Google y ahora es desarrollado por AMP Open Source Project. Está optimizado para páginas web móviles y tiene la intención de ayudar a que las páginas web se carguen más rápido. Para usar … Continue reading «AMP de Google | Introducción»
Si desea incrustar una animación en su página web de AMP, puede hacerlo con esta etiqueta. Ayuda al desarrollador a incrustar animaciones, gif, webp, etc. en su plataforma web. Realmente es una etiqueta muy útil, ya que tener una animación en su sitio web realmente lo hace atractivo y de mal gusto. Configuración: Para … Continue reading «Anim de amplificador de Google AMP»
Introducción: 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 en línea en Google AMP?»
Introducción: 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. … Continue reading «¿Cómo silenciar el audio usando amp-audio de Google AMP?»
Una galería de imágenes es una característica popular en los sitios web y con amp-image-lightbox los desarrolladores pueden agregar efectos de lightbox fácilmente a las páginas HTML de AMP, para activar amp-image-lightbox usamos el componente on action on amp-image. Script requerido: importar el componente amp-imag-lightbox al encabezado. HTML <script async custom-element=»amp-image-lightbox» src= «https://cdn.ampproject.org/v0/amp-image-lightbox-0.1.js»> </script> … Continue reading «Google AMP amp-imagen-caja de luz»
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 deshabilitar la opción de descarga en amp-audio en Google AMP?»