Cara Merubah / Modifikasi Tampilan Konten Sesuai (Matched Content) Google Adsense

byKurazone Net -
KURAZONE ~ Halo sahabat Kurazer, pernahkah kalian melihat iklan adsense yang mirip dengan widget Related Posts? Jika iya, itulah yang disebut dengan Konten Sesuai atau Matched Content Google Adsense (disingkat menjadi MCGA). Untuk menampilkan iklan yang sesuai tersebut tentunya kita harus memasang kode Matched Content.

Secara default, settingan awal pada MCGA memiliki jumlah kolom 4 item dan jumlah baris 2 item untuk tampilan desktop, seperti dibawah ini :

Sedangkan untuk tampilan mobile nya berbentuk responsif dengan style Big First Thumbnail diikuti jumlah baris sekitar 10 item (termasuk 3 item iklan didalamnya) + bonus 1 item iklan yang terdiri dari 3 baris teks dibagian bawah MCGA.

Jika ingin mengubah style MCGA, kita cukup memberikan pengaturan "berapa" jumlah kolom dan jumlah baris yang ingin digunakan.

Jumlah kolom dan baris bisa mengacu pada pengaturan dibawah ini :
  1. 4x1 (seluler dan desktop)
  2. 2x2 (seluler dan desktop)
  3. 3x3 (seluler dan desktop)
  4. 4x1 (seluler) dan 2x2 (desktop) untuk situs responsif
  5. atau sesuai selera
kode yang digunakan adalah :
data-matched-content-rows-num="4"
data-matched-content-columns-num="2"
Note :
  1. row untuk baris
  2. column untuk kolom
Kode row dan column tersebut harus berdampingan dengan SALAH SATU parameter tata letak MCGA berikut ini :
  1. Gambar dan teks bersisian
  2. Gambar dan teks bersisian dalam kartu
  3. Gambar ditumpuk diatas teks
  4. Gambar ditumpuk diatas teks dalam kartu
  5. Hanya teks saja
  6. Teks dalam kartu
Untuk memodifikasi tampilan MCGA nya, cukup menggunakan 3 kode berikut ini (yang disisipkan kedalam kode MCGA)
  1. data-matched-content-rows-num
  2. data-matched-content-columns-num
  3. data-matched-content-ui-type

Berikut adalah penjelasan lebih detailnya :

    CARA PENGGUNAAN PARAMETER TATA LETAK MCGA
    data-matched-content-ui-type

    #1 GAMBAR DAN TEKS BERSISIAN (image_sidebyside)

    Kode parameter yang digunakan adalah image_sidebyside, diikuti jumlah baris dan jumlah kolom. Perhatikan kode yang telah ditandai dibawah ini :
    <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- kurazoneMCGA -->
<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="2"
     data-ad-format="autorelaxed"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

    Hasilnya akan nampak seperti dibawah ini :


    #2 GAMBAR DAN TEKS BERSISIAN DALAM KARTU (image_card_sidebyside)

    Kode parameter yang digunakan adalah image_card_sidebyside, diikuti jumlah baris dan jumlah kolom. Perhatikan kode yang telah ditandai dibawah ini :
    <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- kurazoneMCGA -->
<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="2"
     data-ad-format="autorelaxed"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

    Hasilnya akan nampak seperti dibawah ini :


    #3 GAMBAR DITUMPUK DIATAS TEKS (image_stacked)

    Kode parameter yang digunakan adalah image_stacked, diikuti jumlah baris dan jumlah kolom. Perhatikan kode yang telah ditandai dibawah ini :
    <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- kurazoneMCGA -->
<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="2"
     data-matched-content-columns-num="3"
     data-ad-format="autorelaxed"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

    Hasilnya akan nampak seperti dibawah ini :


    #4 GAMBAR DITUMPUK DIATAS TEKS DALAM KARTU (image_card_stacked)

    Kode parameter yang digunakan adalah image_card_stacked, diikuti jumlah baris dan jumlah kolom. Perhatikan kode yang telah ditandai dibawah ini :
    <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- kurazoneMCGA -->
<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="2"
     data-matched-content-columns-num="3"
     data-ad-format="autorelaxed"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

    Hasilnya akan nampak seperti dibawah ini :


    #5 HANYA TEKS SAJA (text)

    Kode parameter yang digunakan adalah text, diikuti jumlah baris dan jumlah kolom. Perhatikan kode yang telah ditandai dibawah ini :
    <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- kurazoneMCGA -->
<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="3"
     data-matched-content-columns-num="3"
     data-ad-format="autorelaxed"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

    Hasilnya akan nampak seperti dibawah ini :


    #6 TEKS DALAM KARTU (text_card)

    Kode parameter yang digunakan adalah text_card, diikuti jumlah baris dan jumlah kolom. Perhatikan kode yang telah ditandai dibawah ini :
    <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- kurazoneMCGA -->
<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="3"
     data-matched-content-columns-num="3"
     data-ad-format="autorelaxed"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

    Hasilnya akan nampak seperti dibawah ini :


    Catatan:
    1. Ada beberapa batasan untuk jumlah baris dan kolom yang dapat digunakan. Total jumlah rekomendasi di unit Konten yang sesuai harus antara 1 hingga 30. Jika kalian mencoba menampilkan kurang dari 1 atau lebih dari 30 item rekomendasi, maka unit Konten yang sesuai akan terlihat kosong.
    2. Terkadang MCGA tidak dapat menampilkan jumlah baris dan/atau kolom yang tepat seperti yang kalian tetapkan. Misalnya, jika kalian telah menetapkan kolom dalam jumlah besar, namun unit Konten yang sesuai tidak cukup luas untuk menampung semuanya. Maka dalam kasus ini, MCGA akan menyesuaikan jumlah baris dan/atau kolom, sehingga rekomendasi Anda sesuai dengan ruang yang tersedia dan memberikan pengalaman yang baik kepada pengguna.
    Itulah informasi mengenai "Cara Modifikasi Tampilan Konten Sesuai (Matched Content) Google Adsense", selamat mencoba dan semoga bermanfaat. Goodluck !!
    Tags





    Lebih baru Lebih lama