Wyświetlanie reklamy z nagrodą

Ten przykład pokazuje, jak za pomocą biblioteki tagów wydawcy Google (GPT) żądać i renderować reklamy z nagrodą. Formaty reklam z nagrodą umożliwiają użytkownikom aplikacji i internetu otrzymywanie nagród za oglądanie reklam. Więcej informacji o reklamach z nagrodą znajdziesz w Centrum pomocy Google Ad Manager.

Do wyświetlania reklam z nagrodą i interakcji z nimi możesz używać tych zdarzeń GPT:

Zdarzenie Uruchamiane, gdy…
RewardedSlotClosedEvent Boks reklamowy z nagrodą został zamknięty.
RewardedSlotGrantedEvent Nagroda została przyznana za obejrzenie reklamy.
RewardedSlotReadyEvent Boks reklamy z nagrodą jest gotowy do wyświetlenia.

W tym przykładzie użyto prostego okna dialogowego, aby zachęcić użytkownika do obejrzenia reklamy z nagrodą i wyświetlić nagrodę po jej zakończeniu. W praktyce to wydawca jest odpowiedzialny za wdrożenie własnego interfejsu do wykonywania tych zadań.

Zastosowanie

  • Aby zapewnić użytkownikom optymalną wygodę, reklamy z nagrodą są wysyłane tylko na stronach, które prawidłowo obsługują ten format. W związku z tym funkcja defineOutOfPageSlot() może zwracać null. Sprawdź, czy tak nie jest, aby nie wykonywać niepotrzebnych czynności. Obecnie reklamy z nagrodą są obsługiwane tylko na stronach zoptymalizowanych pod kątem urządzeń mobilnych, na których powiększenie jest neutralne. Zazwyczaj oznacza to, że wydawca ma <meta name="viewport" content="width=device-width, initial-scale=1"> lub podobny element w <head>strony.

  • Reklamy z nagrodą generują własny boks reklamowy. W odróżnieniu od innych typów reklam w przypadku reklam z nagrodą nie musisz definiować tagu <div>. Reklamy z nagrodą automatycznie tworzą i umieszczają na stronie własny kontener, gdy reklama się wypełni.

Przykładowa implementacja

Zobacz wersję demonstracyjną

JavaScript

Wczytuję...

TypeScript

Wczytuję...