Cara Memasang Matched Content Adsense di Blogger

Cara Memasang Matched Content Adsense di Blogger
Daftar Isi Artikel
Cara Memasang Matched Content
Setelah saya memberi penjelasan tentang fitur istimewa dari google adsense mengenai cara mendapatkan matched content, tidak afdol rasanya jika tidak disertai bagaimana cara memasang matched content adsense.

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 adsense di blog beserta memodifikasi sesuai selera kita. Yuk langsung saja.

Baca Juga: Cara Memasang Lazy Load AdSense untuk Mempercepat Loading Iklan AdSense.

Cara Memasang Iklan Matched Content

Cara Memasang Iklan Matched Content
Cara memasang iklan matched content sebenarnya tidak terlalu susah, bahkan bisa dibilang mudah. Namun, jika Anda masih bingung, silahkan ikuti tutorial berikut.
  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 di template blog Anda.
  7. Selesai.
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 iklan matched content 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 adsense, karena sudah dibekali slot iklan 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?

Baca Juga: Mengenal Istilah-Istilah dalam Google AdSense.

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

Ketika pertama kali memasang iklan adsense 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 menyeting/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 Setting Iklan Matched Content
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 Iklan Matched Content
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 Iklan Matched Content
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 Memasang Iklan 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 Matched Content 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 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 matched content adsense beserta kustomisasinya, semoga dengan ini iklan matched content berhasil terpasang pada blog Anda.
  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>

Baca Juga:

Baca Juga:

Baca Juga:


Konten Unggulan