Gunakan Tag Google Publisher (GPT) untuk membuat iklan responsif yang sesuai dengan browser yang digunakan pengunjung untuk melihat situs Anda. Ini berarti bahwa iklan Anda akan terlihat menarik di semua jenis perangkat yang digunakan pengunjung, baik desktop, tablet, maupun perangkat seluler.
Dengan GPT API, Anda dapat menentukan satu atau beberapa ukuran sebagai ukuran yang ditetapkan untuk slot iklan. Ketika menggunakan fungsi iklan responsif, Anda juga dapat memilih ukuran lain yang ditetapkan berdasarkan ukuran browser.
Contoh
Jika ukuran browser lebih besar dari 1024x768, Anda dapat menentukan bahwa iklan berukuran 970x90 atau 728x90 harus ditayangkan, sedangkan untuk browser yang lebih kecil hanya iklan 468x60 yang harus ditayangkan.
Anda dapat menentukan berbagai pemetaan ukuran untuk desktop, tablet, dan perangkat seluler.
- Yang dimaksud dengan ukuran browser sebenarnya adalah ukuran area pandang, atau ruang tempat konten muncul.
- Ukuran browser tidak mencakup toolbar browser, scrollbar, batas, dll.
Pemetaan ukuran disusun secara otomatis sehingga materi iklan yang digunakan adalah yang berukuran paling sesuai. Anda dapat menentukan ukuran unit iklan default untuk menayangkan iklan yang sesuai dengan ukuran browser apa pun jika tidak ada ukuran lain yang sesuai dengan browser pengunjung.
Iklan responsif tidak didukung untuk iklan pengiring video.
Menentukan dimensi iklan dan browser
Setiap slot iklan yang Anda tetapkan harus menentukan ukuran iklan yang memenuhi syarat untuk ditayangkan di slot tersebut. Cara menentukan ukuran iklan bervariasi bergantung pada jenis iklan yang akan ditampilkan, serta ukuran dan fleksibilitas slot iklan itu sendiri.
Contoh kode untuk iklan berukuran tetap, iklan multi-ukuran, iklan responsif, dan lainnya tersedia di dokumentasi developer GPT.
Baca Dokumentasi Developer GPT
Menciutkan slot iklan kosong
Jika tahu bahwa satu atau beberapa slot iklan di halaman tidak selalu terisi, Anda dapat memerintahkan browser untuk menciutkan div kosong dengan menambahkan metode collapseEmptyDivs() ke tag.
Metode ini dapat memicu penyesuaian konten halaman, sehingga penggunaannya bergantung pada seberapa sering Anda menginginkan pengisian slot iklan.
Gunakan metode collapseEmptyDivs() untuk menciutkan <div> yang kosong. Jika tidak, akan ada ruang kosong di halaman saat iklan ditayangkan ke slot iklan.
Baca Dokumentasi Developer GPT
Memproses iklan responsif
Saat Anda membuat iklan responsif dengan library GPT, iklan akan ditampilkan berdasarkan perangkat dan ukuran browser. Fungsi pemetaan memastikan bahwa ukuran permintaan iklan yang diajukan ke Ad Manager sesuai dengan ukuran layar perangkat yang membuat permintaan.
Anda tidak dapat memproses tag AdSense responsif di Ad Manager. Sebagai gantinya, Anda harus menerapkan tag responsif menggunakan GPT pada halaman yang sesuai. Tentukan tinggi dan lebar tag AdSense sesuai dengan format iklan Display yang didukung oleh AdSense.
Contoh
Terapkan iklan responsif dengan tag AdSense menggunakan ukuran 320x100 untuk perangkat seluler, 300x250 untuk tablet, dan 336x280 untuk desktop:
- Tambahkan iklan responsif ke halaman Anda dengan GPT.
- Buat item baris AdSense dengan menentukan tiga ukuran (320x100, 300x250, dan 336x280).
- Targetkan item baris ke unit iklan yang Anda gunakan untuk membuat tag responsif.
- Tambahkan tiga materi iklan untuk setiap ukuran tersebut ke item baris AdSense dengan kode AdSense yang diproses di dalamnya.