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 fijos en el Centro de ayuda de Google Ad Manager.

Obtén una vista previa de los anuncios fijos

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

Esta función permite 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 con rapidez el aspecto y el comportamiento de las anclas en diferentes dispositivos y entornos operativos.

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 que no estás haciendo ningún trabajo innecesario. Actualmente, se admiten anuncios fijos si se cumplen las siguientes condiciones:

    • Se está ejecutando GPT en la ventana superior.
    • En una página optimizada para dispositivos móviles en la que el zoom es neutro. Por lo general, esto significa que el publicador tiene un <meta name="viewport" content="width=device-width, initial-scale=1"> o uno similar en el <head> de la página.
    • El viewport está en orientación vertical con un ancho entre 320px y 1000px.

  • Solicita anuncios fijos solo en las páginas o los entornos en los que desees que aparezca un anuncio fijo. Los anuncios fijos son aptos para publicarse en computadoras de escritorio, tablets y dispositivos móviles.

  • Los anuncios fijos generan su propio contenedor de anuncios. A diferencia de otros tipos de anuncios, no es necesario definir un <div> para los anuncios fijos. Los anuncios fijos crean e insertan automáticamente su propio contenedor en la página cuando se llena un anuncio. Estos contenedores pueden ocluir o superponerse a otros elementos con el posicionamiento absoluto o fijo, por lo que se recomienda evitar colocar estos elementos en áreas en las 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 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 punto. Aunque los espacios publicitarios fijos no requieren un <div> predefinido, los estáticos sí lo hacen. Llamar a display() antes de que estos elementos estén presentes en la página puede generar indicadores de menor calidad y reducir la monetización. Por este motivo, te recomendamos retrasar la llamada inicial hasta después de que se definan las ranuras estáticas.

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

Ejemplo de implementación

Ver demostración