Cara Modifikasi Tampilan Konten Sesuai (Matched Content) Google Adsense - Kurazone Blog | Panduan Belajar Blogger Pemula

Cara Modifikasi Tampilan Konten Sesuai (Matched Content) Google Adsense

Pilihan Editor :

Cara Modifikasi Tampilan Konten Sesuai (Matched Content) Google Adsense
Penulis Bagus Surochman
12
Modus malam



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 "berapajumlah 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 !!
    nanio
    Cara Modifikasi Tampilan Konten Sesuai (Matched Content) Google Adsense
    Cara Modifikasi Tampilan Konten Sesuai (Matched Content) Google Adsense Cara Modifikasi Tampilan Konten Sesuai (Matched Content) Google Adsense Reviewed by Bagus Surochman on 9/02/2018

    12 komentar:

    1. Baru tahu kalau match content bisa diatur sesuka hati gini

      BalasHapus
    2. Punyaku pake bawaan tema wkwkw... Bingung kalo ngatur2 sendiri ,ganti2 melulu. Akhirnya balik lagi ke awal & gak jd ganti

      BalasHapus
    3. Meski jarang dapat klik... tapi mayan jika ada yang kepleset klik iklan, dari pada make bawaan template... Hiks... 😂

      BalasHapus
    4. banyak sekali match contentnya njirrr..

      BalasHapus
    5. kereb keren keren... tapi ngomong-ngomong kalau misal di pasang pada sidebar ngikut tampilan sidebar engga yah?

      BalasHapus
      Balasan
      1. MCGA tampilannya responsive pak..jadi akan mengikuti lebar dan tinggi sidebar

        Hapus
    6. wah mantep... kalau ngatur font biar tampil rapi seperti di blog gimana ya?

      BalasHapus
      Balasan
      1. kalo ukuran font dan jenis font pada MCGA bisa diatur di akun Adsense nya..

        Hapus
    7. thanx bgd gan, berhasil di blog catatandroid.com ane, tadinya sampe 9 baris, sekarang 6 baris rasanya cukup.
      sukses selalu.

      BalasHapus
    8. om misalnya pake wordpress bisa ga ya , soal nya ane pake wordpress , sayang banyak yang llihat tp yang klik dikit

      BalasHapus
      Balasan
      1. InsyaAlloh bisa pak.. Dicoba saja.. Karena ini Adalah salah satu fitur yg disediakan oleh Adsense. .

        Hapus

    1. Berkomentarlah dengan tata bahasa yang baik agar orang lain tahu sebijak apa karakter anda melalui kata kata.
    2. Silahkan tulis komentar anda untuk hal apapun yang masih berhubungan dengan post pada halaman ini.
    3. Mohon untuk tidak menyertakan Link Aktif pada kolom komentar.
    4. Mohon maaf apabila tidak sempat membalas komentar 1 per 1.
    5. Komentar selalu di moderasi.