✔ Cara Pasang Iklan Matched Content Di Related Post Responsive

purwomp - Pada kesempatan yang baik ini aku akan mengulas tentang Cara Pasang Iklan Matched Content di Related Post Responsive. Dari sekian banyak postingan yang membahas wacana pasang iklan matched content di blog itu tidak ada yang responsive artinya tampilan untuk desktop itu sudah baik akan tetapi tampilan di selular itu tidak responsive atau tidak sesuai menyerupai tampilan pada related post.

Pada waktu kemarin Minggu tanggal 22 Sepetember 2019 iseng iseng aku cek google Adsense aku dan ternyata iklan matched content aku sudah muncul. Waktu itu aku resah bagaimana cara menempatkannya di blog aku sendiri. Setelah aku browsing kesana kemari banyak tutor yang biasa biasa saja sebagian banyak cuma di tampilkan di bawah postingan dengan skrip biasa.

Setelah aku membaca sendiri dari tips google ternyata cara memasang iklan matched content yang responsive sangatlah mudah. Ini bagi pemula di blogger pastinya sanggup memasanganya sendiri.

Iklan adsense matched content sendiri merupakan iklan yang menampilkan artikel artikel yang pernah kita buat. Iklan menyerupai ini akan banyak menghasilkan pundi pundi uang bagi blogger yang mengandalkan adsense. KArena para pembaca tidak akan tahu bila judul yang di kliknya ternyata sebuah iklan.

Iklan matched content sangatlah di tunggu tunggu kehadirannya oleh para blogger, alasannya ialah iklan sperti ini hadiah dari google. Seperti yang banyak dikatakan orang iklan ini akan muncul sehabis artikel kita lebih dari 300 artikel. Namun, pendapat aku lain iklan ini akan muncul bagaimana keseriusan kita dalam mengelola blog kita dengan baik. Saya sanggup bilang begitu alasannya ialah iklan adsense matched content aku muncul dikala artikel di blog aku bari 289 artikel.

Nah, begitulah kira kira pengalaman aku dari awal mengelola blog hingga mendapat iklan matched content. Agar iklan matched content di pasang secara responsive baik di selular maupun desktop ikuti saja langkah langkahnya sebagai berikut :

Ada 3 jenis parameter tata letak dalam memasang gaya iklan matched content, yaitu :

1. data-matched-content-ui-type : Jenis tata letak ( Layout )
2. data-matched-content-rows-num : Jumlah Baris
3. data-matched-content-columns-num : Jumlah Kolom

1. Cara Menampilkan Iklan Matched Content sesuai dengan Tata Letak

Pada cara yang pertama ini anda sanggup menampilkan iklan dengan teks saja, gambar dengan teks dll. Yang anda perlukan ialah menambahkan parameter data-matched-content-ui-type pada isyarat iklan adsense anda. Dalam parameter tata letak (layout) ini ada 6, yaitu :

1. Gambar dan teks bersisian
2. Gambar dan teks bersisian dengan kartu
3. Gambar menumpuk di atas teks
4. Gambar ditumpuk di atas teks dengan kartu
5. Hanya teks
6. Teks dengan kartu

1.1 Gambar dan teks bersisihan

Yang anda perlukan ialah menambahkan isyarat data-matched-content-ui-type="image_sidebyside" pada isyarat iklan matched content anda. Kodenya bila sudah dirubah menyerupai berikut :

<script async src="https://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>

1.2 Gambar dan teks bersisian dengan kartu

Cara pasang jenis ini hampir sama yang di atas bedanya pada kolom iklan ada menyerupai pembatas. Yang dibutuhkan cuma menambahkan kode data-matched-content-ui-type="image_card_sidebyside" pada skrip iklan adsense nya. Maka akhirnya menyerupai berikut :

<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js">
</script>
<!-- pbad -->
 <ins class="adsbygoogle"
 style="display:block" d
ata-ad-client="ca-pub-xxxxxxxxx"
 data-ad-slot="1234567890"
 data-matched-content-ui-type="image_card_sidebyside"
 data-matched-content-rows-num="4" d
ata-matched-content-columns-num="1" d
ata-ad-format="autorelaxed">
</ins>
<script>
 (adsbygoogle = window.adsbygoogle || []).push({});
</script>

1.3 Gambar menumpuk di atas teks

Pada parameter ini gambar dan teks menumpuk satu sama dengan yang lain. Yang di perlukan adlah menambah kode data-matched-content-ui-type="image_stacked" maka akhirnya akan menyerupai berikut :

<script async src="https://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>

1.4 Gambar ditumpuk di atas teks dengan kartu

Untuk iklan ini menyerupai nomer 1.3 namunyang membedakan hanyalah dalam iklan menyerupai ada pembatas atau menyerupai kartu. Pada parameter ini yang di perlukan hanyalah kode data-matched-content-ui-type="image_card_stacked" maka akhirnya menyerupai berikut :

<script async src="https://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>

1.5 Hanya teks

Untuk yang satu ini hanya menampilkan teks tanpa gambar. Yang di perlukan hanyalah menambah kode data-matched-content-ui-type="text" maka akhirnya sebagai berikut :

<script async src="https://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>

1.6 Teks dengan kartu

Yang terakhir ini yaitu menampilkan tata letak teks dalam kartu. Yang dibutuhkan ialah kode data-matched-content-ui-type="text_card" maka akhirnya sebagai berikut :

<script async src="https://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>

2. Menentukan jumlah baris dan kolom di unit Konten yang sesuai

Sedangkan pada parameter yang kedua ini ialah memilih jumlah baris dan kolom, pada hal ini dalam memasang iklan parameter yang di perlukan ada 2 yaitu : data-matched-content-rows-num dan data-matched-content-columns-num. Kedua parameter tersebut dalam isyarat iklan matched content harus ada bila tidak maka iklan tidak akan muncul. 

Batas dari jumlah kolom dan baris ialah antara 1 hingga 30. Jika kurang atau lebih maka iklan juga tidak akan muncul.

2.1 Jumlah baris dan kolom sama baik seluller maupun desktop

<script async src="https://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="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>

data-matched-content-rows-num="2" ----> jumlah baris 2
data-matched-content-columns-num="2" ----> jumlah kolom 2

2.2 Jumlah baris dan kolom berbeda selluler dan desktop

<script async src="https://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,image_stacked"
     data-ad-format="autorelaxed"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

Demikian pembahasan tentang Cara Pasang Iklan Matched Content di Related Post Responsive yang sanggup aku sampaikan. Dengan adanya artikel ini biar sanggup membantu memasang iklan matched content anda dengan baik dan sanggup menambah penghasilan adsense anda.

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

Bagikan Artikel ini