Muestra un anuncio de riel lateral

En este ejemplo, se muestran anuncios de riel lateral con la biblioteca de Google Publisher Tag (GPT). Obtén más información sobre los anuncios de riel lateral en el Centro de ayuda de Google Ad Manager.

Vista previa de los anuncios de riel lateral

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

Se puede usar para obtener una vista previa de los anuncios de riel lateral 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 rieles laterales en diferentes dispositivos y entornos operativos.

Notas de uso

  • Para garantizar una experiencia del usuario óptima, los anuncios de riel lateral solo se solicitan en páginas que admiten el formato correctamente. Por este motivo, defineOutOfPageSlot() puede mostrar un valor nulo. Verifica este caso para asegurarte de que no estás haciendo trabajo innecesario. Los anuncios de riel lateral son compatibles cuando se cumplen las siguientes condiciones:

    • Se está ejecutando GPT en la ventana superior.
    • Las dimensiones de la viewport son de 1200x650 píxeles como mínimo.

  • Solo solicita anuncios de riel lateral en las páginas y entornos en los que deseas que aparezca un anuncio de riel lateral. Los anuncios de riel lateral son aptos para publicarse en todos los dispositivos.

  • Los anuncios de riel lateral generan su propio contenedor de anuncios. No necesitas un <div> para los anuncios de riel lateral. Los anuncios de riel lateral crean y, luego, insertan automáticamente su propio contenedor en la página cuando se completa un anuncio. Estos contenedores se posicionan lo más cerca posible del contenido de la página principal.

  • Los anuncios de riel lateral están optimizados para adaptarse al espacio disponible. Los anuncios de riel lateral requieren un mínimo de 120x500 píxeles de espacio vacío a la izquierda o a la derecha del contenido de la página principal para mostrarse. Una vez que se muestra, si se cambia el tamaño de la página y el espacio en blanco cae por debajo de este mínimo, el espacio se ocultará temporalmente hasta que vuelva a estar disponible el espacio.

  • 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 de riel lateral no requieren un <div> predefinido, sí se necesitan para los espacios publicitarios estáticos. 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. Debido a esto, te recomendamos retrasar la llamada inicial hasta después de que se definan las ranuras estáticas.

  • Solo actualiza los anuncios de riel lateral visibles. Cuando un espacio publicitario de riel lateral se contrae o no es visible, se ignoran todas las llamadas a refresh(). Si usas disableInitialLoad() para controlar y actualizar la carga y la actualización de anuncios de forma manual, la primera llamada a refresh() activará una solicitud de anuncio, independientemente de la visibilidad del espacio.

Ejemplo de implementación

Ver demostración