Apabila anda sebagai publisher dan pemilik blog atau situs memiliki persyaratan khusus untuk unit konten yang sesuai dan responsif, tampilan unit iklan Matched content ini dapat disesuaikan dengan menambahkan beberapa kode parameter pada kode iklan anda. Kode ini memungkinkan anda untuk mengubah tampilan tata letak konten yang sesuai dan menentukan jumlah baris serta kolom rekomendasi konten di dalamnya.
Selain itu anda juga dapat menggunakan kode parameter ini untuk menetapkan pengaturan yang berbeda untuk tampilan iklan Matched content pada seluler dan desktop.
Contoh : Apabila anda memberikan nilai 1 pada kode parameter tata letak, unit Konten yang sesuai akan memiliki tata letak yang sama pada seluler dan desktop. Tetapi jika anda memberikan 2 nilai pada parameter tata letak, berarti unit Konten yang sesuai akan memiliki 1 tata letak pada seluler (nilai pertama) dan tata letak yang berbeda pada desktop (nilai kedua).
Pilihan ini hanya tersedia untuk unit Konten yang sesuai dan Responsif, serta semua parameter diperlukan agar penyesuaian berfungsi, maka dari itu penggunaan parameter ini tidak akan bisa berfungsi pada unit iklan adsense yang lain.
Setelah memodifikasi kode iklan Konten yang sesuai, pastikan anda melakukan uji coba untuk unit Konten yang sesuai pada berbagai perangkat dan layar untuk memastikan apakah kode parameter yang diterapkan pada kode iklan bisa berfungsi dengan baik.
Anda jangan khawatir penggunaan parameter untuk mengubah tampilan pada iklan Konten yang sesuai yang akan saya share adalah perubahan yang dapat diterima pada kode iklan AdSense. Anda tidak akan melanggar kebijakan program AdSense dengan mengubah kode Konten yang sesuai menggunakan cara yang telah disetujui ini.
Baca juga :
Untuk mengubah tampilan iklan Matched content atau Konten yang sesuai, ada dua tahapan yang harus dilakukan yakni mengubah tata letak unit Konten yang sesuai dan menentukan jumlah baris dan kolom di dalam unit Konten yang sesuai.
Mengubah tata letak unit Matched content atau Konten yang sesuai
Kode yang digunakan untuk parameter tata letak adalah data-matched-content-ui-type, kode ini memungkinkan anda untuk mengontrol susunan teks dan gambar pada unit Konten yang sesuai. Misalnya, Anda dapat memilih untuk menampilkan gambar dan teks secara berdampingan, gambar di atas teks, gambar di samping teks, atau hanya teks. Berikut jenis tata letak atau layout yang disediakan oleh pihak adsense.
- Hanya teks: text
- Teks dengan kartu: text_card
- Gambar dan teks berdampingan: image_sidebyside
- Gambar dan teks berdampingan dengan kartu: image_card_sidebyside
- Gambar di atas teks: image_stacked
- Gambar di atas teks dengan kartu: image_card_stacked
1. Hanya teks
Tata letak hanya teks tanpa gambar. Untuk memilih tata letak ini, tambahkan parameter data-matched-content-ui-type="text" ke kode iklan.
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- pbad -->
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-xxxxxxxxx"
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>
Hasil
2. 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="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- pbad -->
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-xxxxxxxxx"
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>
Hasil
3. Gambar dan teks berdampingan
Di tata letak ini, gambar dan teks muncul berdampingan. Untuk memilih tata letak ini, tambahkan parameter data-matched-content-ui-type="image_sidebyside" ke kode iklan anda.
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- pbad -->
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-xxxxxxxxx"
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>
Hasil
4. Gambar dan teks berdampingan dengan kartu
Di tata letak ini, gambar dan teks muncul bersisian dalam sebuah kartu. Untuk memilih tata letak ini, tambahkan parameter data-matched-content-ui-type="image_card_sidebyside" ke kode iklan anda.
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- pbad -->
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-xxxxxxxxx"
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>
Hasil
5. Gambar 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="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- pbad -->
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-xxxxxxxxx"
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>
Hasil
6. Gambar di atas teks dengan kartu
Di tata letak ini, gambar dan teks ini disusun menumpuk satu sama lain di dalam sebuah kartu. Untuk memilih tata letak ini, tambahkan parameter data-matched-content-ui-type="image_card_stacked" ke kode iklan anda.
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- pbad -->
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-xxxxxxxxx"
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>
Hasil
Menentukan jumlah baris dan kolom di dalam unit Konten yang sesuai
Untuk menetapkan jumlah baris dan kolom pada iklan Matched content atau Konten yang sesuai adalah parameter data-matched-content-rows-num untuk jumlah baris dan parameter data-matched-content-columns-num untuk jumlah kolom. Anda harus mengatur kedua parameter dan data-matched-content-ui-type bersama agar semua kode parameter bisa berfungsi dengan baik dan tampil.
Ada beberapa batasan untuk jumlah baris dan kolom yang dapat anda tetapkan pada iklan Konten yang sesuai. Total jumlah rekomendasi di unit Konten yang sesuai harus antara 1 dan 30. Jika anda mencoba menampilkan kurang dari 1 atau lebih dari 30 rekomendasi, maka unit Konten yang sesuai akan terlihat kosong atau tidak tampil. Selain itu jika jumlah kolom dan jumlah baris yang anda tetapkan tidak sesuai dengan luas lokasi penempatan iklan pada blog, maka pihak google akan menyesuaikan jumlah baris dan/atau kolom, sehingga rekomendasi anda sesuai dengan ruang yang tersedia dan memberikan pengalaman yang baik kepada pengguna.
1. Jumlah baris dan kolom sama untuk tampilan desktop dan seluler
Ketika anda sudah menentukan jumlah baris dan kolom pada desktop yakni jumlah kolom 4 dan jumlah baris 1, maka pada tampilan seluler juga akan sama yakni kolom 4 dan baris 1. Silahkan anda kreasikan sendiri sesuai dengan luas penempatan iklan pada blog yang anda miliki apakah 4x1, 4x2, 2x2, 3x3, dan seterusnya. Berikut contoh penerapan untuk 4x1.
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- pbad -->
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-xxxxxxxxx"
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>
Hasil yang tampil untuk desktop dan seluler sama
2. Jumlah baris dan kolom berbeda untuk tampilan desktop dan seluler
Contoh kode ini menunjukkan cara membuat unit iklan Matched content atau Konten yang sesuai dengan format 4x1 di seluler dan 2x2 di desktop. Sebaiknya gunakan format ini jika anda memiliki situs responsif. Berikut contoh penerapan kodenya :
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- pbad -->
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-xxxxxxxxx"
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"
data-ad-format="autorelaxed"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
Hasil yang tampil untuk desktop dan seluler akan berbeda
- Desktop
- Seluler
Dengan mengubah tampilan iklan Matched content atau Konten yang sesuai, akan membuat tampilan iklan adsense tersebut menjadi lebih sesuai dengan template blog dan lebih terlihat keren dimata para pengunjung.
Demikian tutorial sederhana mengenai bagaimana cara mengubah tampilan iklan adsense Matched content atau Konten yang sesuai. Semoga bermanfaat and " Happy Blogging "
Refrensi : https://support.google.com/adsense/answer/7533385?hl=id
Related Posts :
Silahkan
klik disini untuk berlangganan Artikel Gratis via email, Anda akan mendapat kiriman artikel setiap ada artikel yang terbit di HARMANSYAH BLOG
0 komentar:
Post a Comment
...... Terima kasih telah berkunjung, silahkan berkomentar dengan baik sopan sesuai dengan tema konten dan tidak mengandung unsur Sara ......