Cara Memasang Matched Content AdSense di Blog, Lengkap!

Cara Memasang Matched Content AdSense di Blog, Lengkap!
Daftar Isi Artikel
Cara Memasang Matched Content AdSense
Setelah saya memberi penjelasan tentang fitur istimewa dari google adsense mengenai cara mendapatkan matched content, tidak afdol rasanya jika tidak disertai bagaimana cara memasang dan mengkustomisasi-nya.

Seperti yang dikatakan pihak google, publisher dibebaskan untuk mengkustom atau mengedit kode unit iklan untuk mengubah tampilan sesuai selera kita, dengan batasan yang sudah tentukan. Dalam arti, tetap ada kebijakan yang harus dipatuhi.

Nah, pada pertemuan kali ini kita akan berbicara tentang bagaimana cara memasang matched content di blog beserta memodifikasi sesuai selera kita. Yuk langsung saja.

Cara Memasang Iklan Matched Content AdSense

Cara Memasang Matched Content AdSense
  1. Pergi ke Dashboard Google AdSense milik Anda.
  2. Pada bilah sisi kiri ada beberapa menu, silahkan pilih Iklan ➔ Ringkasan ➔ Menurut Unit Iklan.
  3. Jika fitur Matched Content sudah terbuka, dibagian 'Buat unit iklan baru' akan muncul opsi Konten yang sesuai, dan tekan itu.
  4. Selanjutnya, edit sesuai keinginan Anda, mulai dari nama iklan, gaya, dan ukuran. Lalu tekan Simpan dan Dapatkan Kode.
  5. Setelah itu akan muncul dua kode yaitu untuk AMP dan HTML (Non-AMP) silahkan pilih sesuai blog Anda, dan tekan Salin Cuplikan Kode.
  6. Terakhir tekan selesai, dan letakkan kode tersebut sesuai keinginan Anda.
Menurut pengalaman saya, jenis iklan ini paling cocok diletakkan di bagian bawah artikel atau postingan. Atau lebih baik lagi jika menggantikan Related Post yang berada di bawah artikel dengan Matched Content agar blog Anda tidak terlalu berat saat me-loading.

Untuk meletakkan dibawah postingan, caranya cukup mudah. Terlebih Anda menggunakan template yang memiliki fitur Ads Ready, jadi untuk memasangnya cukup melalui tata letak, dan tidak perlu Edit HTML. Salah satunya yaitu Template Masih Terjaga, dengan template ini Anda tidak diribetkan mengedit HTML untuk memasang matched content, karena sudah dibekali ads ready dan beberapa fitur unggulan lainnya.

Cara Memasang Matched Content dibawah Postingan

Jika tidak, Anda bisa melalui Edit HTML untuk memasang iklan ini dibawah postingan. Berikut caranya:
  1. Pergi ke Dashboard Blogger milik Anda.
  2. Pada opsi bagian kiri, pilih Template ➔ Edit HTML.
  3. Tekan CTRL + F dan cari kode <data:post.body/>.
  4. Letakkan kode Iklan yang Anda copy tadi tepat dibawahnya.
Selesai, cukup mudah bukan?

Selanjutnya, ada hal menarik yang perlu saya bagikan, yaitu Kustomisasi Matched Content atau mengubah/mengubah gaya/tampilan iklan konten sesuai.

Ketika pertama kali memasang unit iklan ini, Anda hanya akan diarahkan untuk mengedit bagian depannya saja, seperti gaya dan ukuran (pada tutorial no. 4 diatas). Padahal, Anda dapat melakukan kostumisasi tampilan iklan matched content dengan mengubah kode yang diberikan. Tenang, hal ini aman karena pihak google resmi mempublikasikan cara ini.

Cara Mengubah Tampilan Matched Content

Parameter yang digunakan untuk mengedit gaya iklan matched content ada tiga, diantaranya:
  • data-matched-content-columns-num: Jumlah Kolom. Parameter ini memiliki 6 jenis, yaitu:
    1. text : Hanya teks.
    2. text_card : Teks dengan kartu.
    3. image_card_sidebyside : Gambar dan teks bersisian dengan kartu.
    4. image_sidebyside : Gambar dan teks bersisian.
    5. image_card_stacked : Teks dibawah gambar dengan kartu.
    6. image_stacked : Teks dibawah gambar.
  • data-matched-content-ui-type: Jenis Tata Letak (Layout).
  • data-matched-content-rows-num: Jumlah Baris.
Dengan begitu Anda bisa mengubah jumlah baris, jumlah kolom, atau menampilkan hanya teks hingga menampilkan teks dan gambar. Yuk langsung saja, berikut tutorialnya.

1. Hanya Teks

Cara Kustomisasi Matched Content AdSense
Pada tampilan ini hanya menampilkan teks saja. Untuk menggunakannya, tambahkan data-matched-content-ui-type="text" di kode unit iklan.
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<ins class="adsbygoogle"
     style="display:block"
     data-ad-format="autorelaxed"
     data-ad-client="ca-pub-xxxxxxxxxxxx"
     data-ad-slot="xxxxxx"
     data-matched-content-ui-type="text"
     data-matched-content-rows-num="4"
     data-matched-content-columns-num="1"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>
*Penjelasan: 4 baris, 1 kolom, hanya teks.

2. Teks dengan Kartu

Cara Mengubah Tampilan Matched Content AdSense
Masih dengan tampilan teks, namun bedanya terdapat kartu yang membungkus iklan teks tersebut pada setiap artikelnya. Untuk menggunakannya, tambahkan parameter data-matched-content-ui-type="text-card" di kode unit iklan.
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<ins class="adsbygoogle"
     style="display:block"
     data-ad-format="autorelaxed"
     data-ad-client="ca-pub-xxxxxxxxxxxx"
     data-ad-slot="xxxxxx"
     data-matched-content-ui-type="text-card"
     data-matched-content-rows-num="4"
     data-matched-content-columns-num="1"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>
*Penjelasan: 4 baris, 1 kolom, teks dengan kartu.

3. Gambar dan Teks Bersisian dengan Kartu

Cara Mengedit Tampilan Matched Content AdSense
Maksudnya, teks berada di sebelah gambar dan keduanya didalam kartu. Jika tidak ngerti yang dimaksud kartu, Anda bisa baca cara ke 2 diatas. Untuk menggunakannya tambahkan parameter data-matched-content-ui-type="image_card_sidebyside" di kode unit iklan yang Anda buat.
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<ins class="adsbygoogle"
     style="display:block"
     data-ad-format="autorelaxed"
     data-ad-client="ca-pub-xxxxxxxxxxxx"
     data-ad-slot="xxxxxx"
     data-matched-content-ui-type="image_card_sidebyside"
     data-matched-content-rows-num="4"
     data-matched-content-columns-num="1"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>
*Penjelasan: 4 baris, 1 kolom, gambar dan teks bersisian dengan kartu.

4. Gambar dan Teks Bersisian

Cara Mengubah Gaya Matched Content AdSense
Berbeda dengan sebelumnya, disini tampilannya tanpa kartu. Untuk menggunakannya, tambahkan parameter data-matched-content-ui-type="image_sidebyside" pada kode unit iklan.
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<ins class="adsbygoogle"
     style="display:block"
     data-ad-format="autorelaxed"
     data-ad-client="ca-pub-xxxxxxxxxxxx"
     data-ad-slot="xxxxxx"
     data-matched-content-ui-type="image_sidebyside"
     data-matched-content-rows-num="4"
     data-matched-content-columns-num="1"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>
*Penjelasan: 4 baris, 1 kolom, teks dan gambar bersisian.

5. Teks Dibawah Gambar dengan Kartu.

Cara Memasang dan Kustomisasi Matched Content AdSense di Blog
Setelah melihat gambar diatas pasti sudah paham bagaimana bentuknya, bukan? untuk menggunakannya tambahkan parameter data-matched-content-ui-type="image_card_stacked" di code iklan matched content.
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<ins class="adsbygoogle"
     style="display:block"
     data-ad-format="autorelaxed"
     data-ad-client="ca-pub-xxxxxxxxxxxx"
     data-ad-slot="xxxxxx"
     data-matched-content-ui-type="image_card_stacked"
     data-matched-content-rows-num="3"
     data-matched-content-columns-num="1"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>
*Penjelasan: 4 baris, 1 kolom, teks dibawah gambar dengan kartu.

6. Teks dibawah Gambar

Cara Memasang dan Kustomisasi Matched Content AdSense di Blog
Langsung saja, untuk menggunakannya tambahkan parameter data-matched-content-ui-type="image_stacked" di unit iklan konten sesuai milik Anda.
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<ins class="adsbygoogle"
     style="display:block"
     data-ad-format="autorelaxed"
     data-ad-client="ca-pub-xxxxxxxxxxxx"
     data-ad-slot="xxxxxx"
     data-matched-content-ui-type="image_stacked"
     data-matched-content-rows-num="3"
     data-matched-content-columns-num="1"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>
*Penjelasan: 4 baris, 1 kolom, teks dibawah gambar.

Seperti yang dijelaskan google di halaman supportnya https://support.google.com/adsense/answer/7533385?hl=en cara ini memang benar boleh digunakan.

Itulah cara memasang dan kustomisasi matched content google adsense. Semoga bermanfaat, terimakasih.
  1. Aorlin

    Aorlin

    3/05/2020

    Keren hu, di adsanse saya kok gadak matched kontennya ya? Itu hadiah dari google kah? Dan blog ini pakai template apa ya? Keren bgt

    • Nando Rifky

      Nando Rifky

      3/09/2020

      Iya, matched content fitur tambahan dari google, bisa baca disini https://www.vasiota.com/2020/02/cara-mendapatkan-matched-content.html

  2. Aorlin

    Aorlin

    3/08/2020

    nice trik mas brohhhh... makasih udah di share.. btw ini cara bikin table of contents nya gmana ya masbor? tutor dong Suhu

  3. Aorlin

    Aorlin

    3/08/2020

    satu komen lagi dapat Kulkas gak nih?

  1. Untuk membuat judul komentar, gunakan <i rel="h2">Judul Komentar</i>
  2. Untuk membuat kotak catatan, <i rel="quote">catatan</i>
  3. Untuk membuat teks stabilo, <i rel="mark">mark</i>
  4. Untuk membuat teks mono, <i rel="kbd">kbd</i>
  5. Untuk membuat kode singkat, <i rel="code">shorcode</i>
  6. Untuk membuat kode panjang, <i rel="pre"><i rel="code">potongan kode</i></i>
  7. Untuk membuat teks tebal, <strong>tebal</strong> atau <b>tebal</b>
  8. Untuk membuat teks miring, <em>miring</em> atau <i>miring</i>

Konten Unggulan