Menampilkan iklan reward

Contoh ini menunjukkan penggunaan library Tag Penayang Google (GPT) untuk meminta dan merender iklan reward. Format iklan reward memungkinkan pengguna aplikasi dan web menerima reward karena menonton iklan. Pelajari lebih lanjut iklan reward di pusat bantuan Google Ad Manager.

Anda dapat menggunakan peristiwa GPT berikut untuk menampilkan dan berinteraksi dengan iklan reward:

Acara Diaktifkan saat...
RewardedSlotClosedEvent Slot iklan reward telah ditutup.
RewardedSlotGrantedEvent Reward telah diberikan karena pengguna melihat iklan.
RewardedSlotReadyEvent Slot iklan reward siap ditampilkan.

Untuk tujuan contoh ini, dialog modal sederhana digunakan untuk meminta pengguna melihat iklan reward dan menampilkan reward setelah selesai. Dalam praktiknya, penayang bertanggung jawab untuk menerapkan antarmuka miliknya sendiri untuk menyelesaikan tugas ini.

Catatan penggunaan

  • Untuk memastikan pengalaman pengguna yang optimal, iklan reward hanya diminta di halaman yang mendukung format dengan benar. Oleh karena itu, defineOutOfPageSlot() dapat menampilkan null; Anda harus memeriksa kasus ini untuk memastikan Anda tidak melakukan pekerjaan yang tidak perlu. Saat ini, iklan reward hanya didukung di halaman yang dioptimalkan untuk seluler dengan zoom netral. Biasanya, hal ini berarti penayang memiliki <meta name="viewport" content="width=device-width, initial-scale=1"> atau yang serupa di <head> halaman.

  • Iklan reward membuat slot iklannya sendiri. Tidak seperti jenis iklan lainnya, Anda tidak perlu menentukan <div> untuk iklan reward. Iklan reward secara otomatis membuat dan menyisipkan penampung sendiri ke dalam halaman saat iklan terisi.

Contoh penerapan

Melihat demo

JavaScript

Memuat...

TypeScript

Memuat...