Cómo mostrar un anuncio de riel lateral

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

Obtén una vista previa de los anuncios de riel lateral

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

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

Notas de uso

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

    • GPT se ejecuta en la ventana superior.
    • Las dimensiones del viewport son de al menos 1200x650 píxeles.
  • Solicita anuncios del riel lateral solo en las páginas y los entornos en los que quieras que aparezcan. 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. ya que estos crean e insertan su propio contenedor en la página automáticamente cuando se carga un anuncio. Estos contenedores se ubican lo más cerca posible del contenido de la página principal.

  • Los anuncios de riel lateral se optimizan para adaptarse al espacio disponible. Los anuncios laterales 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 vacío cae por debajo de este mínimo, el espacio publicitario se oculta 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 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 del riel lateral 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 retrasar la llamada inicial hasta después de que se definan los espacios estáticos.

  • Solo actualiza los anuncios de riel lateral visibles. Cuando un espacio publicitario del riel lateral está contraido o no es visible, se ignoran todas las llamadas a refresh(). 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

JavaScript

Cargando…

TypeScript

Cargando…