Restez organisé à l'aide des collections
Enregistrez et classez les contenus selon vos préférences.
Afficher une annonce interstitielle pour le Web
Cet exemple montre comment afficher une annonce interstitielle pour le Web à l'aide de la bibliothèque Google Publisher Tag (GPT). Les interstitiels Web sont des annonces pleine page gérées par GPT qui s'affichent en réponse aux actions des utilisateurs. Pour en savoir plus sur les interstitiels pour le Web, consultez Effectuer le trafficking des interstitiels pour le Web.
Les actions d'utilisateur suivantes peuvent déclencher une annonce interstitielle pour le Web:
En cliquant sur la barre de navigation du navigateur. (Sur ordinateur uniquement)
navBar
Désactivé
Oui
Masquer la page, puis y revenir (par exemple, en changeant d'onglet).
unhideWindow
Désactivé
Oui
D'autres actions utilisateur pourront être prises en charge à l'avenir. Pour en savoir plus, consultez les notes de version de GPT.
Remarques sur l'utilisation
Pour garantir une expérience utilisateur optimale, GPT ne demande des annonces interstitielles Web que sur les pages qui acceptent ce format. Les interstitiels pour le Web ne sont compatibles que lorsque GPT est exécuté dans la fenêtre supérieure. Sur les pages qui ne sont pas compatibles avec les interstitiels Web, defineOutOfPageSlot() peut renvoyer une valeur nulle. Veillez à le vérifier pour éviter les erreurs.
Ne demandez des annonces interstitielles Web que sur les pages ou dans les environnements où vous souhaitez qu'un interstitiel s'affiche. Les annonces interstitielles Web peuvent être diffusées sur les ordinateurs, les tablettes et les appareils mobiles.
Les annonces interstitielles pour le Web génèrent leur propre espace publicitaire. Contrairement aux autres types d'annonces, vous n'avez pas besoin de définir un <div> pour les annonces interstitielles Web. Ces annonces créent et insèrent automatiquement leur propre conteneur dans la page lorsqu'une annonce se remplit.
Les annonces interstitielles pour le Web sont soumises à une limite de la fréquence d'exposition fixe. Cela empêche la diffusion d'un interstitiel plus d'une fois par heure et par sous-domaine auprès d'un même utilisateur.
Pour implémenter des annonces interstitielles pour le Web, vous devez pouvoir accéder à un espace de stockage local. Pour les éditeurs qui ont intégré le Transparency and Consent Framework de l'IAB (version 2.0), cela signifie que le consentement pour la finalité 1 est requis pour que les interstitiels pour le Web fonctionnent.
Sur une page, certains liens peuvent être inéligibles à la diffusion d'annonces interstitielles Web.
Les annonces interstitielles ne s'affichent pas lorsqu'un utilisateur clique sur un lien inéligible. Il peut s'agir, par exemple, de liens vers des URL qui n'utilisent pas le protocole HTTP ou HTTPS, ou de liens qui s'ouvrent dans une nouvelle fenêtre.
Si vous utilisez l'architecture de demande simple (SRA) sur une page comportant plusieurs espaces publicitaires, n'appelez pas display() tant que des divisions d'espaces publicitaires statiques n'ont pas été créées. Comme expliqué dans les Bonnes pratiques relatives aux annonces, le premier appel à display() demande que chaque espace publicitaire soit défini avant ce point. Bien que les espaces interstitiels Web ne nécessitent pas de <div> prédéfini, les espaces publicitaires statiques en ont besoin. L'appel de display() avant que ces éléments ne soient présents sur la page peut entraîner une dégradation des signaux de qualité, ce qui réduit la monétisation. C'est pourquoi nous vous recommandons de retarder l'appel initial jusqu'à ce que les emplacements statiques soient définis.
[null,null,[],[],[],null,["# Display a web interstitial ad\n=============================\n\nThis example demonstrates how to display a web interstitial ad using the Google\nPublisher Tag (GPT) library. Web interstitials are GPT-managed, full-page ads\nthat appear in response to user actions. For more information about web\ninterstitials, see [Traffic web interstitials](//support.google.com/admanager/answer/9840201).\n\nThe following user actions are eligible to trigger a web interstitial ad:\n\n| User action | [API name](//developers.google.com/publisher-tag/reference#googletag.config.interstitialconfig) | Default | Configurable |\n|-------------------------------------------------------------------------|-------------------------------------------------------------------------------------------------|----------|--------------|\n| Clicking on an anchor element. | N/A | Enabled | No |\n| Clicking on the browser navigation bar. (Desktop only) | `navBar` | Disabled | Yes |\n| Hiding and then returning to the page (for example, by switching tabs). | `unhideWindow` | Disabled | Yes |\n\n| **Important:** Default trigger states are [configurable in Google Ad Manager](//support.google.com/admanager/answer/9840201). If these values have been modified for your Ad Manager account, they may not match the preceding table.\n\nSupport for additional user actions may be added in the future. Follow the\n[GPT release notes](//developers.google.com/publisher-tag/release-notes) for updates.\n\nUsage notes\n-----------\n\n- **To ensure an optimal user experience, GPT only requests web interstitial\n ads on pages that properly support the format.** Web interstitials are only\n supported when GPT is running in the top window. On pages that don't support\n web interstitials, `defineOutOfPageSlot()` may return null. Be sure to check\n for this to avoid errors.\n\n- **Only request web interstitial ads on pages or environments where you want\n an interstitial to appear.** Web interstitial ads are eligible to serve to\n desktop, tablet, and mobile devices.\n\n | **Tip:** For best results, use `\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1\" /\u003e` on mobile pages, or avoid setting fixed widths and heights on your document, as that can result in poorly scaled interstitial ads.\n- **Web interstitial ads generate their own ad slot.** Unlike other ad types,\n you don't need to define a `\u003cdiv\u003e` for web interstitial ads. These ads\n automatically create and insert their own container into the page when an ad\n fills.\n\n- **Web interstitial ads have a configurable\n [frequency cap](//support.google.com/admanager/answer/9840201#frequency).** This prevents the same user from\n being shown an interstitial more than once per the specified window of time,\n per subdomain. The default frequency cap is 1 impression per 10 minutes, and\n the minimum allowed cap is 1 impression per 1 minute.\n\n- **Web interstitial ads require access to local storage.** For publishers\n integrated with the\n [IAB Transparency and Consent Framework v2.0](//support.google.com/admanager/answer/9805023), this means\n that consent for [Purpose 1](//support.google.com/admanager/answer/9461778#purposes) is required for web\n interstitial ads to function.\n\n- **Some links on a page might be ineligible to show web interstitial ads.**\n Interstitial ads won't show when a user clicks an ineligible link, for\n example, links to URLs without HTTP/HTTPS, and links that open in a new\n window.\n\n | **Note:** You can prevent specific links from triggering GPT-managed web interstitials by adding a `data-google-interstitial=\"false\"` attribute to the anchor element or any ancestor of the anchor element.\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 web\n interstitial slots don't require a predefined `\u003cdiv\u003e`, static ad slots do.\n Calling `display()` before these elements are present on the page can result\n in lower quality signals, reducing monetization. Because of this, we\n recommend delaying the initial call until after the static slots are\n defined.\n\nSample implementation\n---------------------\n\n[View demo](https://googleads.github.io/google-publisher-tag-samples/display-web-interstitial-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-web-interstitial-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-web-interstitial-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-web-interstitial-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-web-interstitial-ad/ts)"]]
