Jika Anda memiliki persyaratan khusus untuk unit iklan Multipleks responsif, tampilan unit ini dapat disesuaikan dengan menambahkan parameter pada kode iklan. Parameter ini memungkinkan Anda mengubah berbagai hal seperti tata letak unit iklan Multipleks dan menentukan cara baris dan kolom iklan disusun di dalamnya.
Anda juga dapat menggunakan parameter untuk menetapkan setelan yang berbeda untuk seluler vs. desktop. Misalnya, jika Anda memberikan nilai tunggal pada parameter tata letak, unit iklan Multipleks akan memiliki tata letak yang sama di seluler dan desktop. Sementara jika Anda memberikan dua nilai pada parameter tata letak, berarti unit iklan Multipleks akan memiliki satu tata letak pada seluler (nilai pertama) dan tata letak yang berbeda pada desktop (nilai kedua).
Perhatikan bahwa opsi ini hanya tersedia untuk unit iklan Multipleks dan responsif, serta bahwa semua parameter diperlukan agar penyesuaian berfungsi. Setelah mengubah kode iklan, pastikan Anda menguji unit iklan Multipleks pada berbagai perangkat dan layar untuk memastikannya berfungsi dengan baik.
Mengubah tata letak unit iklan Multipleks Anda
Parameter tata letak (data-matched-content-ui-type
) memungkinkan Anda mengontrol susunan teks dan gambar di unit iklan Multipleks. Misalnya, Anda dapat memilih untuk memiliki gambar dan teks secara berdampingan, gambar di atas teks, dsb.
Tersedia opsi tata letak berikut:
Di tata letak ini, gambar dan teks muncul bersisian. Untuk memilih tata letak ini, tambahkan parameter data-matched-content-ui-type="image_sidebyside"
ke kode iklan Anda.
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1234567890123456" crossorigin="anonymous"></script>
<!-- pbad -->
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-1234567890123456"
data-ad-slot="1234567890"
data-matched-content-ui-type="image_sidebyside"
data-matched-content-rows-num="4"
data-matched-content-columns-num="1"
data-ad-format="autorelaxed"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
Di tata letak ini, gambar dan teks muncul bersisian dalam kartu. Untuk memilih tata letak ini, tambahkan parameter data-matched-content-ui-type="image_card_sidebyside"
ke kode iklan Anda.
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1234567890123456" crossorigin="anonymous"></script>
<!-- pbad -->
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-1234567890123456"
data-ad-slot="1234567890"
data-matched-content-ui-type="image_card_sidebyside"
data-matched-content-rows-num="4"
data-matched-content-columns-num="1"
data-ad-format="autorelaxed"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
Di tata letak ini, gambar dan teks ini disusun menumpuk satu sama lain. Untuk memilih tata letak ini, tambahkan parameter data-matched-content-ui-type="image_stacked"
ke kode iklan Anda.
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1234567890123456" crossorigin="anonymous"></script>
<!-- pbad -->
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-1234567890123456"
data-ad-slot="1234567890"
data-matched-content-ui-type="image_stacked"
data-matched-content-rows-num="3"
data-matched-content-columns-num="1"
data-ad-format="autorelaxed"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
Di tata letak ini, gambar dan teks ini disusun menumpuk satu sama lain di dalam kartu. Untuk memilih tata letak ini, tambahkan parameter data-matched-content-ui-type="image_card_stacked"
ke kode iklan Anda.
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1234567890123456" crossorigin="anonymous"></script>
<!-- pbad -->
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-1234567890123456"
data-ad-slot="1234567890"
data-matched-content-ui-type="image_card_stacked"
data-matched-content-rows-num="3"
data-matched-content-columns-num="1"
data-ad-format="autorelaxed"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
Tata letak hanya teks tanpa gambar. Untuk memilih tata letak ini, tambahkan parameter data-matched-content-ui-type="text"
ke kode iklan Anda.
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1234567890123456" crossorigin="anonymous"></script>
<!-- pbad -->
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-1234567890123456"
data-ad-slot="1234567890"
data-matched-content-ui-type="text"
data-matched-content-rows-num="4"
data-matched-content-columns-num="1"
data-ad-format="autorelaxed"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
Tata letak hanya teks dalam sebuah kartu. Untuk memilih tata letak ini, tambahkan parameter data-matched-content-ui-type="text_card"
ke kode iklan Anda.
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1234567890123456" crossorigin="anonymous"></script>
<!-- pbad -->
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-1234567890123456"
data-ad-slot="1234567890"
data-matched-content-ui-type="text_card"
data-matched-content-rows-num="4"
data-matched-content-columns-num="1"
data-ad-format="autorelaxed"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
Menentukan jumlah baris dan kolom di unit iklan Multipleks
Iklan di dalam unit iklan Multipleks disusun dalam petak. Anda dapat menentukan jumlah baris dan kolom yang ingin ditampilkan dalam petak tersebut. Misalnya, Anda dapat menetapkan unit iklan Multipleks menjadi persegi 2x2, kolom 4x1, dsb.
Anda menetapkan jumlah baris dengan parameter data-matched-content-rows-num
dan jumlah kolom dengan parameter data-matched-content-columns-num
. Anda harus mengatur kedua parameter dan data-matched-content-ui-type
bersama.
- Ada beberapa batasan untuk jumlah baris dan kolom yang dapat Anda tetapkan. Total jumlah iklan di unit iklan Multipleks Anda harus antara 1 dan 30. Jika Anda mencoba menampilkan kurang dari 1 atau lebih dari 30 iklan, unit iklan Multipleks Anda akan terlihat kosong.
- Terkadang kami tidak dapat menampilkan jumlah baris dan/atau kolom yang tepat seperti yang Anda tetapkan. Misalnya, jika Anda telah menetapkan kolom dalam jumlah besar, namun unit iklan Multipleks tidak cukup luas untuk menampung semuanya. Dalam kasus ini, kami akan menyesuaikan jumlah baris dan/atau kolom, sehingga iklan Anda sesuai dengan ruang yang tersedia dan memberikan pengalaman pengguna yang baik.
Contoh baris dan kolom
Kode contoh ini menunjukkan cara membuat unit iklan Multipleks dengan empat baris dan satu kolom yang menampilkan total empat iklan.
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1234567890123456" crossorigin="anonymous"></script>
<!-- pbad -->
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-1234567890123456"
data-ad-slot="1234567890"
data-matched-content-rows-num="4"
data-matched-content-columns-num="1"
data-matched-content-ui-type="image_stacked"
data-ad-format="autorelaxed"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
Kode contoh ini menunjukkan cara membuat unit iklan Multipleks dengan dua baris dan dua kolom yang menampilkan total empat iklan.
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1234567890123456" crossorigin="anonymous"></script>
<!-- pbad -->
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-1234567890123456"
data-ad-slot="1234567890"
data-matched-content-rows-num="2"
data-matched-content-columns-num="2"
data-matched-content-ui-type="image_stacked"
data-ad-format="autorelaxed"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
Kode contoh ini menunjukkan cara membuat unit iklan Multipleks dengan tiga baris dan tiga kolom yang menampilkan total sembilan iklan.
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1234567890123456" crossorigin="anonymous"></script>
<!-- pbad -->
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-1234567890123456"
data-ad-slot="1234567890"
data-matched-content-rows-num="3"
data-matched-content-columns-num="3"
data-matched-content-ui-type="image_stacked"
data-ad-format="autorelaxed"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
Contoh kode ini menunjukkan cara membuat unit iklan Multipleks dengan petak 4x1 di seluler dan petak 2x2 di desktop. Sebaiknya gunakan penyiapan ini jika Anda memiliki situs responsif.
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1234567890123456" crossorigin="anonymous"></script>
<!-- pbad -->
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-1234567890123456"
data-ad-slot="1234567890"
data-matched-content-rows-num="4,2"
data-matched-content-columns-num="1,2"
data-matched-content-ui-type="image_stacked,image_stacked"
data-ad-format="autorelaxed"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
Pemecahan masalah
Setelah menyesuaikan unit iklan Multipleks Anda, unit iklan tersebut mungkin tidak muncul persis seperti yang Anda harapkan. Berikut adalah beberapa masalah umum pada unit iklan Multipleks dan cara memperbaikinya:
Ada dua alasan mengapa hal ini terjadi:
- Jumlah total iklan di unit iklan Multipleks Anda kurang dari 1 atau lebih dari 30. Anda harus mengubah jumlah baris dan/atau kolom di unit iklan Multipleks sehingga jumlah total iklan tidak melebihi batas.
- Unit iklan Multipleks Anda terlalu lebar untuk jumlah iklan yang telah ditetapkan. Dalam hal ini, Anda harus mencoba mengurangi lebar unit iklan Multipleks.
Menggunakan konsol untuk menemukan error di unit iklan Multipleks
Anda dapat menggunakan konsol di browser untuk memeriksa apakah Anda telah mengubah kode iklan Multipleks dengan benar. Misalnya, konsol dapat menginformasikan apakah kode iklan Anda kehilangan parameter yang diperlukan atau apakah parameter berisi nilai yang tidak valid.
Jika menggunakan Chrome, Anda dapat mengikuti langkah-langkah berikut untuk menguji kode iklan di Konsol DevTools:
- Buka halaman yang memuat unit iklan Multipleks Anda.
- Tekan Ctrl+Shift+J (Windows/Linux) atau Cmd+Opt+J (Mac).
- Periksa panel Konsol apakah ada pesan error.