Wyświetlanie reklamy z nagrodą

Ten przykład pokazuje, jak używać biblioteki tagu wydawcy Google (GPT) do żądania i renderowania reklamy z nagrodą. Dzięki formatom reklam z nagrodą użytkownicy aplikacji i strony internetowej otrzymują nagrody za oglądanie reklam. Więcej informacji o reklamach z nagrodą znajdziesz w Centrum pomocy Google Ad Managera.

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 Otrzymujesz nagrodę za obejrzenie reklamy.
RewardedSlotReadyEvent Boks reklamowy z nagrodą jest gotowy do wyświetlenia.

W tym przykładzie widać tu proste okno modalne, które wyświetla użytkownikowi prośbę o obejrzenie reklamy z nagrodą oraz jej zakończenie. W praktyce to wydawca odpowiada za wdrożenie własnego interfejsu.

Zastosowanie

  • Aby zapewnić optymalną wygodę użytkownikom, reklamy z nagrodą są wywoływane tylko na stronach, które prawidłowo obsługują dany format. Z tego powodu defineOutOfPageSlot() może zwracać wartość null. W tym przypadku sprawdź, czy nie wykonujesz niepotrzebnych czynności. Obecnie reklamy z nagrodą działają tylko na stronach zoptymalizowanych pod kątem urządzeń mobilnych, gdzie powiększenie jest neutralne. Zwykle oznacza to, że w elemencie <head> strony wydawca zawiera element <meta name="viewport" content="width=device-width, initial-scale=1"> lub podobny.

  • Reklamy z nagrodą generują własny boks reklamowy. W przeciwieństwie do innych typów reklam definiowanie atrybutu <div> nie jest konieczne w przypadku reklam z nagrodą. Reklamy z nagrodą automatycznie tworzą i umieszczają na stronie własny kontener, gdy reklama się wypełni.

Przykładowa implementacja

Wyświetl prezentację