Lompat ke konten Lompat ke sidebar Lompat ke footer

Cara Mengubah Tampilan Iklan Matched Content Adsense

Cara Mengubah Tampilan Iklan Matched Content AdSense - Matched content atau Konten yang sesuai merupakan sebuah akomodasi gratis dari Google AdSense yang bentuknya seakan-akan dengan related posts atau artikel terkait. Selain memperlihatkan konten-konten yang terkait, di dalamnya juga disisipkan beberapa iklan dari team adsense sendiri. Pihak adsense menciptakan akomodasi ini untuk meningkatkan klik pada iklan sehingga meningkatkan pendapatan Publisher itu sendiri.

Apabila anda sebagai publisher dan pemilik blog atau situs mempunyai persyaratan khusus untuk unit konten yang sesuai dan responsif, tampilan unit iklan Matched content ini sanggup diubahsuaikan dengan menambahkan beberapa aba-aba parameter pada aba-aba iklan anda. Kode ini memungkinkan anda untuk mengubah tampilan tata letak konten yang sesuai dan menentukan jumlah baris serta kolom rekomendasi konten di dalamnya.
Selain itu anda juga sanggup memakai aba-aba parameter ini untuk memutuskan pengaturan yang berbeda untuk tampilan iklan Matched content pada seluler dan desktop.
Contoh : Apabila anda mengatakan nilai 1 pada aba-aba parameter tata letak, unit Konten yang sesuai akan mempunyai tata letak yang sama pada seluler dan desktop. Tetapi jikalau anda mengatakan 2 nilai pada parameter tata letak, berarti unit Konten yang sesuai akan mempunyai 1 tata letak pada seluler (nilai pertama) dan tata letak yang berbeda pada desktop (nilai kedua).

Pilihan ini hanya tersedia untuk unit Konten yang sesuai dan Responsif, serta semua parameter diharapkan semoga pembiasaan berfungsi, maka dari itu penggunaan parameter ini tidak akan sanggup berfungsi pada unit iklan adsense yang lain.
Setelah memodifikasi aba-aba iklan Konten yang sesuai, pastikan anda melaksanakan uji coba untuk unit Konten yang sesuai pada banyak sekali perangkat dan layar untuk memastikan apakah aba-aba parameter yang diterapkan pada aba-aba iklan sanggup berfungsi dengan baik.

Anda jangan khawatir penggunaan parameter untuk mengubah tampilan pada iklan Konten yang sesuai yang akan saya share adalah  perubahan yang sanggup diterima pada aba-aba iklan AdSense. Anda tidak akan melanggar kebijakan aktivitas AdSense dengan mengubah aba-aba Konten yang sesuai memakai cara yang telah disetujui ini.

Baca juga :


Untuk mengubah tampilan iklan Matched content atau Konten yang sesuai, ada dua tahapan yang harus dilakukan yakni mengubah tata letak unit Konten yang sesuai dan menentukan jumlah baris dan kolom di dalam unit Konten yang sesuai.

Mengubah tata letak unit Matched content atau Konten yang sesuai
Kode yang dipakai untuk parameter tata letak adalah data-matched-content-ui-type, aba-aba ini memungkinkan anda untuk mengontrol susunan teks dan gambar pada unit Konten yang sesuai. Misalnya, Anda sanggup menentukan untuk menampilkan gambar dan teks secara berdampingan, gambar di atas teks, gambar di samping teks, atau hanya teks. Berikut jenis tata letak atau layout yang disediakan oleh pihak adsense.

  • Hanya teks: text
  • Teks dengan kartu: text_card
  • Gambar dan teks berdampingan: image_sidebyside
  • Gambar dan teks berdampingan dengan kartu: image_card_sidebyside
  • Gambar di atas teks: image_stacked
  • Gambar di atas teks dengan kartu: image_card_stacked


1. Hanya teks
Tata letak hanya teks tanpa gambar. Untuk menentukan tata letak ini, tambahkan parameter data-matched-content-ui-type="text" ke aba-aba iklan.

<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="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>

Hasil

Cara Mengubah Tampilan Iklan Matched Content AdSense Cara Mengubah Tampilan Iklan Matched Content AdSense

2. Teks dengan kartu
Tata letak hanya teks dalam sebuah kartu. Untuk menentukan tata letak ini, tambahkan parameter data-matched-content-ui-type="text_card" ke aba-aba iklan anda.

<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="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>

Hasil

Cara Mengubah Tampilan Iklan Matched Content AdSense Cara Mengubah Tampilan Iklan Matched Content AdSense

3. Gambar dan teks berdampingan
Di tata letak ini, gambar dan teks muncul berdampingan. Untuk menentukan tata letak ini, tambahkan parameter data-matched-content-ui-type="image_sidebyside" ke aba-aba iklan anda.

<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="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>

Hasil

Cara Mengubah Tampilan Iklan Matched Content AdSense Cara Mengubah Tampilan Iklan Matched Content AdSense

4. Gambar dan teks berdampingan dengan kartu
Di tata letak ini, gambar dan teks muncul bersisian dalam sebuah kartu. Untuk menentukan tata letak ini, tambahkan parameter data-matched-content-ui-type="image_card_sidebyside" ke aba-aba iklan anda.

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

Hasil

Cara Mengubah Tampilan Iklan Matched Content AdSense Cara Mengubah Tampilan Iklan Matched Content AdSense

5. Gambar di atas teks
Di tata letak ini, gambar dan teks ini disusun menumpuk satu sama lain. Untuk menentukan tata letak ini, tambahkan parameter data-matched-content-ui-type="image_stacked" ke aba-aba iklan anda.

<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="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>

Hasil

Cara Mengubah Tampilan Iklan Matched Content AdSense Cara Mengubah Tampilan Iklan Matched Content AdSense

6. Gambar di atas teks dengan kartu
Di tata letak ini, gambar dan teks ini disusun menumpuk satu sama lain di dalam sebuah kartu. Untuk menentukan tata letak ini, tambahkan parameter data-matched-content-ui-type="image_card_stacked" ke aba-aba iklan anda.

<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="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>

Hasil

Cara Mengubah Tampilan Iklan Matched Content AdSense Cara Mengubah Tampilan Iklan Matched Content AdSense


Menentukan jumlah baris dan kolom di dalam unit Konten yang sesuai
Untuk memutuskan jumlah baris dan kolom pada iklan Matched content atau Konten yang sesuai adalah  parameter data-matched-content-rows-num untuk jumlah baris dan parameter data-matched-content-columns-num untuk jumlah kolom. Anda harus mengatur kedua parameter dan data-matched-content-ui-type bersama semoga semua aba-aba parameter sanggup berfungsi dengan baik dan tampil.

Ada beberapa batasan untuk jumlah baris dan kolom yang sanggup anda menetapkan pada iklan Konten yang sesuai. Total jumlah rekomendasi di unit Konten yang sesuai harus antara 1 dan 30. Jika anda mencoba menampilkan kurang dari 1 atau lebih dari 30 rekomendasi, maka unit Konten yang sesuai akan terlihat kosong atau tidak tampil. Selain itu jikalau jumlah kolom dan jumlah baris yang anda menetapkan tidak sesuai dengan luas lokasi penempatan iklan pada blog, maka pihak google akan menyesuaikan jumlah baris dan/atau kolom, sehingga rekomendasi anda sesuai dengan ruang yang tersedia dan mengatakan pengalaman yang baik kepada pengguna.

1. Jumlah baris dan kolom sama untuk tampilan desktop dan seluler
Ketika anda sudah menentukan jumlah baris dan kolom pada desktop yakni jumlah kolom 4 dan jumlah baris 1, maka pada tampilan seluler juga akan sama yakni kolom 4 dan baris 1. Silahkan anda kreasikan sendiri sesuai dengan luas penempatan iklan pada blog yang anda miliki apakah 4x1, 4x2, 2x2, 3x3, dan seterusnya. Berikut pola penerapan untuk 4x1.

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

Hasil yang tampil untuk desktop dan seluler sama

Cara Mengubah Tampilan Iklan Matched Content AdSense Cara Mengubah Tampilan Iklan Matched Content AdSense


2. Jumlah baris dan kolom berbeda untuk tampilan desktop dan seluler
Contoh aba-aba ini memperlihatkan cara menciptakan unit iklan Matched content atau Konten yang sesuai dengan format 4x1 di seluler dan 2x2 di desktop. Sebaiknya gunakan format ini jikalau anda mempunyai situs responsif. Berikut pola penerapan kodenya :

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

Hasil yang tampil untuk desktop dan seluler akan berbeda
- Desktop

Cara Mengubah Tampilan Iklan Matched Content AdSense Cara Mengubah Tampilan Iklan Matched Content AdSense

- Seluler

Cara Mengubah Tampilan Iklan Matched Content AdSense Cara Mengubah Tampilan Iklan Matched Content AdSense

Dengan mengubah tampilan iklan Matched content atau Konten yang sesuai, akan menciptakan tampilan iklan adsense tersebut menjadi lebih sesuai dengan template blog dan lebih terlihat keren dimata para pengunjung.

Demikian tutorial sederhana mengenai bagaimana cara mengubah tampilan iklan adsense Matched content atau Konten yang sesuai. Semoga bermanfaat and " Happy Blogging "

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

Sumber https://harmansh.blogspot.com/