Cara Lengkap Mengubah Tampilan Iklan Konten Yang Sesuai (Matched Content) Google Adsense

www.azid45.web.id - Cara Lengkap Mengubah Tampilan Iklan Konten Yang Sesuai "Matched Content" Google Adsense. Assalamualaikum.Wr.Wb, pada kesempatan kali ini saya akan share pengalaman saya terkait iklan matched content google adsense yang dapat diubah tampilannya agar menjadi menarik sehingga pengunjung ingin mengklik iklan tersebut.

Iklan sesuai konten sebenarnya merupakan iklan yang diperoleh dari layanan publisher google adsense secara langsung ketika blog teman-teman merasa sudah sesuai dengan kebijakan google untuk menampilkan iklan konten sesuai. Untuk kebijakan google sendiri sampai saat ini saya kurang terlalu paham, apakah karena banyaknya konten artikel yang kita buat ataukah karena banyaknya visitor perhari pada blog kita. Namun dari pengalaman saya mendapatkan iklan konten sesuai ini tatkala saya secara rutin menupdate artikel saya setiap hari hingga artikel saya berjumlah 150-an. Jadi dapat saya simpulkan bahwa untuk mendapatkan iklan ini, teman-teman harus konsisten secara rutin untuk membuat artikel agar nantinya mendapat bonus dari google adsense berupa iklan konten sesuai karena blog yang baru diterima oleh google adsense tidak akan ada fitur iklan tersebut.

Untuk melihat apakah teman-teman sudah memperoleh layanan iklan konten sesuai, teman-teman bisa masuk akun google adsense dan lihat pada menu situs. Jika sudah ada notif dua pilihan, url biasa dan konten sesuai maka sobat bisa menampilkan iklan konten sesuai pada blog teman-teman. Jika belum mendapatkan iklan tersebut, bersabar dan terus konsisten untuk mengupdate artikel teman-teman.

Baca Juga: Hapus dua baris ini agar iklan kamu tidak diblocked oleh google pada file robots.txt 

Pihak google sebenarnya telah memberikan tutorial terkait cara mengubah tampilan iklan kontent sesuai tersebut. Namun untuk mempermudah teman-teman dalam pencarian, akhirnya saya membuat artikel ini. Secara umum, menurut saya tampilan iklan konten sesuai google adsense ini terbagi menjadi 4 yaitu tampilan standart yang pertama kali kita mendapatkan iklan konten sesuai, tampilan iklan kontent sesuai berupa teks, tampilan iklan sesuai berupa gambar dan teks, dan iklan sesuai berupa gambar card dan teks atau teks card saja.

Secara standart, kode iklan konten sesuai kurang lebih seperti ini:

<script async='async' src='//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js'></script>
<ins class='adsbygoogle' data-ad-client='ca-pub-xxxxx' data-ad-format='autorelaxed' data-ad-slot='xxxxxx' style='display:block'></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

Untuk mengubah tampilan diperlukan beberapa kode tambahan yaitu;

Pertama, data-matched-content-ui-type: dengan tambahan pembanggil berupa

data-matched-content-ui-type="text" (digunakan untuk menampilkan iklan konten yang sesuai hanya teks saja)

data-matched-content-ui-type="text_card" (digunakan untuk menampilkan iklan konten yang sesuai berupa teks dengan model card)

data-matched-content-ui-type="image_sidebyside" (digunakan untuk menampilkan iklan konten yang sesuai berupa gambar dan teks yang berdampingan atau bersisian)

data-matched-content-ui-type="image_card_sidebyside" (digunakan untuk menampilkan iklan konten yang sesuai berupa gambar dan teks yang berdampingan atau bersisian dengan model card)

data-matched-content-ui-type="image_stacked" (digunakan untuk menampilkan iklan konten yang sesuai berupa tampilan grid gambar diatas dan teks dibawah)

data-matched-content-ui-type="image_card_stacked" (digunakan untuk menapilkan iklan konten yang sesuai berupa tampilan grid gambar diatas dan teks dibawah dengan model card)

Kedua, data-matched-content-rows-num="1-30" yang digunakan untuk menentukan jumlah baris yang akan ditampilkan.

Ketiga, data-matched-content-columns-num="1-30" yang digunakan untuk menentukan jumlah kolom yang akan ditampilkan.

Sehingga kodenya kurang lebih seperti ini

<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="xxxxxx"
     data-matched-content-ui-type="tulis tipe yang akan ditiampilkan disini"
     data-matched-content-rows-num="tulis angka disini"
     data-matched-content-columns-num="tulis angka disini"
     data-ad-format="autorelaxed"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

Misal saya akan membuat iklan konten sesuai berupa gambar grid dan teks dibawah dengan model card (seperti yang saya pakai di related post pada versi dekstop) maka kodenya kurang lebih seperti ini:

<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="xxxxxxx"
     data-matched-content-ui-type="image_card_stacked"
     data-matched-content-rows-num="3"
     data-matched-content-columns-num="3"
     data-ad-format="autorelaxed"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

KETERANGAN:
Batas maksimal kolom dan baris pada iklan konten yang sesuai adalah 30 namun iklan yang akan tampil sesuai dengan ukuran layar blog teman-teman. Untuk ukuran standar adalah 1-4 untuk kolom, dan baris kurang lebih 1-15.

Apakah bisa iklan konten yang sesuai ini tampilan antara mobile dan dekstop dapat menampilkan jumlah baris dan kolom yang berbeda?, jawabannya adalah bisa. Untuk membuat hal seperti itu, teman-teman bisa menambahkan angka pada row atau colum yang dibatasi dengan tand koma ",". Contohnya adalah seperti berikut:

<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="xxxxxxx"
     data-matched-content-ui-type="image_card_stacked"
     data-matched-content-rows-num="3,6"
     data-matched-content-columns-num="3,1"
     data-ad-format="autorelaxed"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

Dari contoh diatas, saya menginginkan tampilan dekstop terdapat 3 baris kebawah dan 3 kolom kesamping sedangkan pada tampilan mobile terdapat 6 baris kebawah dan 1 kolom.

Namun perlu diingat bahwa pada langkah ini kadang menyebabkan iklan tidak muncul. Oleh karena itu untuk memanipulasi antara tampilan pada versi desktop dan mobile agar berbeda teman-teman bisa menggunakan tag kondisional. Untuk melihat lengkapnya bisa klik disini.

Baca Juga: Cara menampilkan halaman tertentu dengan tag kondisional

Demikianlah artikel saya tentang Cara Lengkap Mengubah Tampilan Iklan KontenYang  Sesuai "Matched Content" Google Adsense. Semoga bermanfaat. Amin.

Sumber: https://support.google.com/adsense/answer/7533385?hl=id