Cara menyesuaikan unit iklan Multipleks responsif

Catatan: Opsi ini sudah tidak digunakan lagi. Anda masih dapat menggunakan opsi ini untuk menyesuaikan iklan Multipleks, tetapi kami tidak dapat menjamin bahwa iklan tersebut akan terus berfungsi dalam semua situasi.

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.

Catatan: Contoh yang dijelaskan dalam artikel ini adalah perubahan yang dapat diterima pada kode iklan AdSense. Anda tidak akan melanggar kebijakan program AdSense jika mengubah kode iklan Multipleks dengan cara yang telah disetujui ini.

Luaskan semua  Ciutkan semua

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:

Gambar dan teks bersisian

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>

Gambar dan teks bersisian dengan kartu

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>

Gambar bertumpuk di atas teks

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>

Gambar bertumpuk di atas teks dengan kartu

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>

Hanya teks

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>

Teks dengan kartu

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.

Catatan:

• 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

4x1 (seluler dan desktop)

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>

2x2 (seluler dan desktop)

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>

3x3 (seluler dan desktop)

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>

4x1 (seluler) dan 2x2 (desktop) untuk situs responsif

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:

Unit iklan Multipleks Anda kosong

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.

Unit iklan Multipleks Anda memiliki iklan lebih sedikit daripada yang diharapkan

Hal ini dapat terjadi saat Anda tidak memiliki cukup ruang untuk menampilkan jumlah iklan yang tepat seperti yang Anda tetapkan. Misalnya, jika Anda telah menetapkan iklan dalam jumlah besar dan unit iklan Multipleks terlalu sempit atau dilihat di layar kecil. Jika ini terjadi, kami akan menyesuaikan jumlah baris dan/atau kolom yang paling sesuai dengan ruang yang tersedia. Sebaiknya pertimbangkan untuk mengubah lebar unit iklan Multipleks atau menetapkan jumlah baris dan kolom yang berbeda untuk seluler vs. desktop.

Iklan Anda hanya berisi teks

Anda mungkin melihat ini jika unit iklan Multipleks Anda terlalu sempit untuk jumlah iklan yang telah ditetapkan. Dalam hal ini, Anda harus mencoba meningkatkan lebar unit iklan Multipleks Anda.

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:

1. Buka halaman yang memuat unit iklan Multipleks Anda.
2. Tekan Ctrl+Shift+J (Windows/Linux) atau Cmd+Opt+J (Mac).
3. Periksa panel Konsol apakah ada pesan error.