Zadbaj o dobrą organizację dzięki kolekcji
Zapisuj i kategoryzuj treści zgodnie ze swoimi preferencjami.
Wyświetlanie reklamy pełnoekranowej w przeglądarce
Ten przykład pokazuje, jak wyświetlać reklamę pełnoekranową w internecie za pomocą biblioteki tagów wydawcy Google (GPT). Reklamy pełnoekranowe w internecie to zarządzane przez tag GPT reklamy na całą stronę, które pojawiają się w reakcji na działania użytkowników. Więcej informacji o reklamach pełnoekranowych w internecie znajdziesz w artykule Trafikowanie reklam pełnoekranowych w przeglądarce.
Reklamy pełnoekranowe w przeglądarce mogą się wyświetlać po tych działaniach użytkownika:
klikając pasek nawigacyjny przeglądarki; (tylko na komputerze)
navBar
Wyłączono
Tak
ukrywanie i powracanie do strony (np. przez przełączanie kart).
unhideWindow
Wyłączono
Tak
W przyszłości możemy dodać obsługę dodatkowych działań użytkowników. Aby otrzymywać aktualizacje, sprawdzaj informacje o wersji GPT.
Zastosowanie
Aby zapewnić optymalną wygodę użytkownikom, GPT wysyła żądania reklam pełnoekranowych wyświetlanych w internecie tylko na stronach, które prawidłowo obsługują ten format. Reklamy pełnoekranowe w przeglądarce są obsługiwane tylko wtedy, gdy w oknie u góry działa tag GPT. Na stronach, które nie obsługują reklam pełnoekranowych, funkcja defineOutOfPageSlot() może zwracać wartość null. Aby uniknąć błędów, sprawdź, czy tak jest.
Żądaj reklam pełnoekranowych w internecie tylko na stronach lub w środowiskach, w których chcesz wyświetlać takie reklamy. Reklamy pełnoekranowe w internecie mogą wyświetlać się na komputerach, tabletach i urządzeniach mobilnych.
Reklamy pełnoekranowe w internecie generują własny boks reklamowy. W odróżnieniu od innych typów reklam w przypadku reklam pełnoekranowych w internecie nie musisz definiować elementu <div>. Tego typu reklamy automatycznie tworzą i umieszczają na stronie własny kontener, gdy reklama się wypełni.
Reklamy pełnoekranowe w internecie mają stały limit wyświetleń. Zapobiega to wyświetlaniu tej samej osobie reklamy pełnoekranowej więcej niż raz na godzinę w danej subdomenie.
Niektóre linki na stronie mogą nie być odpowiednie do wyświetlania reklam pełnoekranowych.
Reklamy pełnoekranowe nie wyświetlają się po kliknięciu takich linków. Są to na przykład linki, które prowadzą do adresów URL bez HTTP/HTTPS lub powodują otwarcie nowego okna.
Jeśli korzystasz z architektury z pojedynczym żądaniem (SRA) na stronie z wieloma boksami, nie wywołuj funkcji display(), dopóki nie zostaną utworzone statyczne elementy div boksów reklamowych. Zgodnie ze sprawdzonymi metodami dotyczącymi reklam pierwsze wywołanie funkcji display() wysyła żądanie do każdego boksu reklamowego zdefiniowanego przed tym punktem. Chociaż boksy reklam pełnoekranowych w witrynach internetowych nie wymagają wstępnie zdefiniowanego tagu <div>, statyczne boksy reklamowe go wymagają. Wywołanie tagu display(), zanim te elementy pojawią się na stronie, może spowodować obniżenie jakości sygnałów i obniżyć skuteczność zarabiania. Z tego powodu zalecamy opóźnienie początkowego wywołania do momentu zdefiniowania boksów statycznych.
[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)"]]
