¿Qué es la estera voladora AMP de Google y cómo implementarla en su sitio web hoy?

Ad Optimization
April 14, 2021 | by Kean Graham
AMP Flying Carpet

Conocer un nuevo formato de anuncio siempre es una ventaja. Hoy nos centraremos en el tipo de anuncio de estera voladora/flying carpet, que es un formato AMP. ¿Cómo utilizar este formato e implementarlo en su sitio web?

¿Qué es AMP?

El proyecto Accelerated Mobile Pages (AMP) fue desarrollado originalmente por Google y anunciado en 2015, pero ahora se ejecuta como un proyecto de código abierto. Las páginas AMP comenzaron a aparecer en 2016 para mejorar la velocidad de carga de páginas web y anuncios.

Las AMP se sirven junto con sus homólogos estándar y los motores de búsqueda y otros sitios de referencia pueden verlos.

Recientemente escribimos un artículo sobre “qué son los anuncios AMP y cómo configurarlos”, que puede leer aquí.

¿Qué es un anuncio de estera voladora?

Una estera voladora consta de una ventana de bloque de anuncios principal y un bloque de anuncios secundario, fijados en la ventana gráfica. A medida que el usuario se desplaza hacia arriba, el bloque de anuncios principal, que aparece como una ventana transparente, aparece y revela una sección de anuncios secundarios, por detrás.

El bloque de anuncios secundario permanece en el mismo lugar, pero la ventana a través de la cual mira el usuario se mueve hacia arriba y hacia abajo a medida que se desplaza. Puede ver un ejemplo de esto en el sitio web del desarrollador de AMP aquí: https://amp.dev/documentation/examples/components/amp-fx-flying-carpet/?format=websites

¿Qué es la estera voladora AMP de Google y cómo implementarla en su sitio web hoy? MonitizeMore

En cierto modo, puede argumentar que la estera voladora no es un buen nombre para este bloque de anuncios. Probablemente sea mejor imaginarse que está en un ascensor con puertas de vidrio.

A medida que sube el ascensor, los anuncios secundarios (en este caso, los diferentes pisos del edificio permanecen fijos, mientras usted, el espectador, pasa junto a ellos, revelando gradualmente la imagen).

Este tipo de comportamiento a veces se denomina anuncios de paralaje, un término se utiliza para describir el movimiento de los objetos en relación con la posición del espectador.

En el diseño web, el fondo de un sitio web se desplaza a una velocidad diferente hacia el primer plano, lo que crea hermosas transiciones entre los dos. El efecto se puede comparar con sentarse en un tren y mirar por la ventana, los objetos más distantes parecen moverse mucho más lentamente que las plataformas y los árboles cerca del tren. Los anuncios de Paralaje también están disponibles con AMP.

Diseño de página

La ventana de estera voladora debe colocarse debajo de la primera ventana de modo que el usuario pueda desplazarse hacia arriba y hacia abajo a lo largo de la altura completa de la unidad secundaria detrás (si la página se cargó con la ventana en el medio de la primera ventana de visualización, no podría para desplazarse hacia arriba para ver la parte inferior del anuncio).

Se le permite iniciar la estera voladora en el 75% de la ventana de apertura, es decir, el contenido en el primer 75% y la estera voladora en el 25% inferior, si lo prefiere. Del mismo modo, debe haber una ventana de visualización completa entre la parte inferior de la estera voladora y la parte inferior de la página.

Implementación

Para implementar anuncios de estera voladora AMP, debe ejecutar el siguiente script en su página:

<script async custom-element=”amp-fx-flying-carpet” src=”https://cdn.ampproject.org/v0/amp-fx-flying-carpet-0.1.js”></script>

En la posición de la página donde desea mostrar la estera voladora, es necesario poner el siguiente código (imagen del sitio web amp / dev (ejemplo de la estera voladora):

¿Qué es la estera voladora AMP de Google y cómo implementarla en su sitio web hoy? MonitizeMore

En este caso, el ancho y la altura se refieren a las dimensiones de la imagen de fondo. El parámetro de altura de la estera voladora amp-fx-flying-carpet proporciona la altura de la ventana a través de la cual se puede ver el fondo en lugar de la imagen de fondo en sí.

Conclusión

Los anuncios de estera voladora de AMP son solo uno de los muchos tipos de anuncios que puede usar para monetizar su contenido móvil. ¿En qué tipo de anuncio debe enfocarse? ¿Está ejecutando ofertas de encabezado con sus páginas de AMP? ¿Debería ejecutar AMP?

¿Cuál es el rendimiento de las páginas AMP en comparación con páginas normales para dispositivos móviles? En MonetizMore, nos ocuparemos de todas sus preguntas sobre las operaciones publicitarias y optimizaremos su inventario de anuncios para obtener el mejor resultado posible.

¿Estás listo para llevar tus ingresos publicitarios al siguiente nivel? ¡Regístrate hoy!

More than 1500 publishers see 50-400% ad revenue growth with us.

Don't just take our word for it

$100M+

Paid to Publishers

3B+

Ad Requests Monthly

1500+

Happy Publishers

Recommended Reading

google-delays-cookie
Ad Industry News
April 24, 2024

Google Delays Third-Party Cookie Phase-out (Again)

Read More
best-ad-inspector
Blog
April 23, 2024

Turbocharge Your Ad Revenue with PubGuru Ad Inspector V2

Read More
make-money-real-estate-sites
Blog
April 19, 2024

Navigating the Online Real Estate Marketplace: 8 Tips for Monetized Publishers

Read More

Trusted by 1,500+ publishers worldwide

10X your ad revenue with our award-winning solutions.

Let's Talk

Close

Ready to 10X your ad revenue with the #1 ad management partner?

Start Now