Menampilkan iklan kolom samping

Contoh ini menampilkan iklan kolom samping menggunakan library Tag Penayang Google (GPT). Pelajari iklan kolom samping lebih lanjut di pusat bantuan Google Ad Manager.

Melihat pratinjau iklan kolom samping

Anda dapat menampilkan iklan kolom samping demo di halaman apa pun yang menampilkan iklan dengan GPT dengan menambahkan #gamLeftSideRailDemo atau #gamRightSideRailDemo ke URL. Contohnya, https://www.example.com/#gamLeftSideRailDemo.

Ini dapat digunakan untuk melihat pratinjau iklan kolom samping di situs Anda tanpa memerlukan perubahan kode. Hal ini sangat berguna untuk memvalidasi dengan cepat tampilan dan perilaku kolom samping di berbagai perangkat dan di lingkungan operasi yang berbeda.

Catatan penggunaan

  • Untuk memastikan pengalaman pengguna yang optimal, iklan kolom samping hanya diminta di halaman yang mendukung format dengan benar. Oleh karena itu, defineOutOfPageSlot() mungkin menampilkan null. Periksa kasus ini untuk memastikan Anda tidak melakukan pekerjaan yang tidak perlu. Iklan kolom samping didukung jika kondisi berikut terpenuhi:

    • GPT berjalan di jendela atas.
    • Dimensi area pandang minimal 1200x650 piksel.

  • Hanya minta iklan kolom samping di halaman dan lingkungan tempat Anda ingin iklan kolom samping ditampilkan. Iklan kolom samping memenuhi syarat untuk ditayangkan di semua perangkat.

  • Iklan kolom samping membuat penampung iklannya sendiri. Anda tidak memerlukan <div> untuk iklan kolom samping. Iklan kolom samping otomatis membuat dan menyisipkan penampung sendiri ke dalam halaman saat iklan terisi. Penampung ini diposisikan sedekat mungkin dengan konten halaman utama.

  • Iklan kolom samping dioptimalkan agar sesuai dengan ruang yang tersedia. Iklan kolom samping memerlukan ruang kosong minimum 120x500 piksel di sebelah kiri atau kanan konten halaman utama yang akan ditampilkan. Setelah ditampilkan, jika ukuran halaman diubah sehingga ruang kosong berada di bawah minimum ini, slot akan disembunyikan untuk sementara hingga ruang kembali tersedia.

  • Jika menggunakan arsitektur permintaan tunggal (SRA) di halaman dengan beberapa slot, jangan panggil display() hingga div slot iklan statis dibuat. Seperti yang dijelaskan dalam Praktik Terbaik Iklan, panggilan pertama ke display() meminta setiap slot iklan yang ditentukan sebelum titik tersebut. Meskipun slot iklan kolom samping tidak memerlukan <div> standar, slot iklan statis memerlukannya. Memanggil display() sebelum elemen ini ada di halaman dapat mengakibatkan sinyal kualitas yang lebih rendah, sehingga mengurangi monetisasi. Oleh karena itu, sebaiknya tunda panggilan awal hingga slot statis ditentukan.

  • Hanya muat ulang iklan kolom samping yang terlihat. Jika slot iklan kolom samping diciutkan atau tidak terlihat, semua panggilan ke refresh() akan diabaikan. Jika Anda menggunakan disableInitialLoad() untuk mengontrol pemuatan dan pembaruan iklan secara manual, panggilan pertama ke refresh() akan memicu permintaan iklan, terlepas dari visibilitas slot.

Contoh penerapan

Melihat demo

JavaScript

Memuat...

TypeScript

Memuat...