Cómo mostrar un anuncio fijo

En este ejemplo, se muestra un anuncio fijo que usa la biblioteca de Google Publisher Tag (GPT). Obtén más información sobre los anuncios de ancla en el Centro de ayuda de Google Ad Manager.

Cómo obtener una vista previa de los anuncios fijos

Para mostrar un anuncio fijo de demostración en cualquier página que muestre anuncios con GPT, agrega #gamTopAnchorDemo o #gamBottomAnchorDemo a la URL. Por ejemplo, https://www.example.com/#gamTopAnchorDemo.

Esta funcionalidad se puede usar para obtener una vista previa de los anuncios fijos en tu sitio sin necesidad de realizar cambios en el código. Esto es especialmente útil para validar rápidamente cómo se verán y comportarán los anclajes en diferentes dispositivos y entornos de ejecución.

Notas de uso

  • Para garantizar una experiencia del usuario óptima, los anuncios fijos solo se solicitan en páginas que admiten el formato correctamente. Debido a esto, defineOutOfPageSlot() puede mostrar un valor nulo. Debes verificar este caso para asegurarte de no estar realizando ningún trabajo innecesario. Actualmente, los anuncios ancla se admiten si se cumplen las siguientes condiciones:

    • GPT se ejecuta en la ventana superior.
    • En una página optimizada para dispositivos móviles en la que el zoom es neutral, por lo general, esto significa que el publicador tiene <meta name="viewport" content="width=device-width, initial-scale=1"> o algo similar en el <head> de la página.
    • El viewport tiene una orientación vertical con un ancho de entre 320px y 1000px.
  • Solicita anuncios fijos solo en las páginas o los entornos en los que quieras que aparezca un anuncio fijo. Los anuncios fijos son aptos para publicarse en computadoras, tablets y dispositivos moviles.

  • Los anuncios ancla generan su propio contenedor de anuncios. A diferencia de otros tipos de anuncios, no es necesario definir un <div> para los anuncios fijos. ya que estos crean e insertan su propio contenedor en la página automáticamente cuando se carga un anuncio. Estos contenedores pueden superponerse o ocluir otros elementos con posicionamiento absoluto o fijo, por lo que se recomienda evitar colocar esos elementos en áreas donde se supone que deben aparecer las anclas.

  • Si usas la arquitectura de solicitud única (SRA) en una página con varios espacios publicitarios, no llames a display() hasta que se creen los elementos div de los espacios publicitarios estáticos. Como se explica en las Prácticas recomendadas para anuncios, la primera llamada a display() solicita cada espacio publicitario definido antes de ese momento. Aunque los espacios de anuncios de ancla no requieren un <div> predefinido, los estáticos sí lo hacen. Si se llama a display() antes de que estos elementos estén presentes en la página, se podrían generar indicadores de menor calidad, lo que reduciría la monetización. Por este motivo, te recomendamos que retrases la llamada inicial hasta después de que se definan los espacios estáticos.

  • Solo se pueden actualizar los anuncios fijos visibles. Cuando un espacio publicitario fijo se contrae o aún no se desplaza para verlo, se ignoran todas las llamadas a refresh(). Sin embargo, si usas disableInitialLoad() para controlar manualmente la carga y actualización de anuncios, la primera llamada a refresh() activará una solicitud de anuncio independientemente de la visibilidad del espacio.

Ejemplo de implementación

Ver demostración

Cargando…

Cargando…