Organiza tus páginas con colecciones
Guarda y categoriza el contenido según tus preferencias.
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.
Obtén 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
móviles.
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 fijos 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 está contraido 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.
[null,null,[],[],[],null,["# Display an anchor ad\n====================\n\nThis example displays an anchor ad using the Google Publisher Tag (GPT) library.\nLearn more about anchor ads in the\n[Google Ad Manager help center](//support.google.com/admanager/answer/10452255).\n\nPreview anchor ads\n------------------\n\nYou can display a demo anchor ad on any page that shows ads with GPT by adding\n`#gamTopAnchorDemo` or `#gamBottomAnchorDemo` to the URL. For example,\n`https://www.example.com/#gamTopAnchorDemo`.\n\nThis functionality can be used to preview anchor ads on your site with no code\nchanges required. This is especially useful to quickly validate how anchors will\nlook and behave on different devices and in different operating environments.\n\nUsage notes\n-----------\n\n- **To ensure an optimal user experience, anchor ads are only requested on\n pages that properly support the format.** Because of this,\n `defineOutOfPageSlot()` may return null; you should check for this case to\n ensure you're not doing any unnecessary work. Currently, anchor ads are\n supported if the following conditions are met:\n\n - GPT is running in the top window.\n - On a mobile optimized page where zoom is neutral; typically this means the publisher has `\u003cmeta name=\"viewport\" content=\"width=device-width,\n initial-scale=1\"\u003e` or similar in the `\u003chead\u003e` of the page.\n - Viewport is in a portrait orientation with a width between `320px` and `1000px`.\n- **Only request anchor ads on pages/environments where you want an anchor to\n appear.** Anchor ads are eligible to serve to desktop, tablet, and mobile\n devices.\n\n | **Note:** You can use Chrome DevTools [mobile simulation](//developers.google.com/web/tools/chrome-devtools/device-mode#viewport) to test anchor ads on mobile from a desktop environment.\n- **Anchor ads generate their own ad container.** Unlike other ad types, it's\n not necessary to define a `\u003cdiv\u003e` for anchor ads. Anchor ads automatically\n create and insert their own container into the page when an ad fills. These\n containers may overlap or occlude other elements using absolute or fixed\n positioning, so it's recommended to avoid placing such elements in areas\n where anchors are meant to appear.\n\n- **If using single-request architecture (SRA) on a page with multiple slots,\n don't call `display()` until static ad slots divs are created.** As\n explained in [Ad Best Practices](//developers.google.com/publisher-tag/guides/ad-best-practices#use_single_request_architecture_correctly), the first call to `display()`\n requests every ad slot defined prior to that point. Although anchor ad slots\n do not require a predefined `\u003cdiv\u003e`, static ad slots do. Calling `display()`\n before these elements are present on the page can result in lower quality\n signals, reducing monetization. Because of this, we recommend delaying the\n initial call until after the static slots are defined.\n\n- **Only visible anchor ads may be refreshed.** When an anchor ad slot is\n collapsed or not yet scrolled into view, all calls to `refresh()` are\n ignored. If you're using `googletag.setConfig({ disableInitialLoad: true })`\n to manually [control ad loading and refresh](//developers.google.com/publisher-tag/guides/control-ad-loading), however, the\n first call to `refresh()` will trigger an ad request regardless of the slot\n visibility.\n\nSample implementation\n---------------------\n\n[View demo](https://googleads.github.io/google-publisher-tag-samples/display-anchor-ad/js/demo.html) This sample makes use of library features that are not fully supported when running in an iframe. To view a demo of this sample in a new window, click the **View demo** button above. \n\n### JavaScript\n\nLoading...\n----------\n\nLoading...\n----------\n\n[Improve this sample](https://github.com/googleads/google-publisher-tag-samples/tree/main/dist/display-anchor-ad/js) [Report an issue](https://github.com/googleads/google-publisher-tag-samples/issues/new?labels=documentation&template=sample-feedback.md&title=Sample+feedback%3A+display-anchor-ad/js)\n\n### TypeScript\n\nLoading...\n----------\n\nLoading...\n----------\n\n[Improve this sample](https://github.com/googleads/google-publisher-tag-samples/tree/main/dist/display-anchor-ad/ts) [Report an issue](https://github.com/googleads/google-publisher-tag-samples/issues/new?labels=documentation&template=sample-feedback.md&title=Sample+feedback%3A+display-anchor-ad/ts)"]]
