Lompat ke konten Lompat ke sidebar Lompat ke footer

Cara Pasang Iklan Matched Content di Related Post Responsive

purwomp - Pada kesempatan yang baik ini saya akan mengulas tentang Cara Pasang Iklan Matched Content di Related Post Responsive. Dari sekian banyak postingan yang membahas tentang 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 seperti tampilan pada related post.


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

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

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

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

Nah, begitulah kira kira pengalaman saya dari awal mengelola blog hingga mendapatkan 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 dapat menampilkan iklan dengan teks saja, gambar dengan teks dll. Yang anda perlukan adalah menambahkan parameter data-matched-content-ui-type pada kode 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 adalah menambahkan kode data-matched-content-ui-type="image_sidebyside" pada kode iklan matched content anda. Kodenya jika sudah dirubah seperti 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 seperti pembatas. Yang diperlukan cuma menambahkan kode data-matched-content-ui-type="image_card_sidebyside" pada skrip iklan adsense nya. Maka hasilnya seperti 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 hasilnya akan seperti 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 seperti nomer 1.3 namunyang membedakan hanyalah dalam iklan seperti ada pembatas atau seperti kartu. Pada parameter ini yang di perlukan hanyalah kode data-matched-content-ui-type="image_card_stacked" maka hasilnya seperti 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 hasilnya 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 diperlukan adalah kode data-matched-content-ui-type="text_card" maka hasilnya 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 adalah menentukan 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 kode iklan matched content harus ada jika tidak maka iklan tidak akan muncul. 

Batas dari jumlah kolom dan baris adalah 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 dapat saya sampaikan. Dengan adanya artikel ini semoga dapat membantu memasang iklan matched content anda dengan baik dan dapat menambah penghasilan adsense anda.

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

Posting Komentar untuk "Cara Pasang Iklan Matched Content di Related Post Responsive"