Cara Mengubah Tampilan Iklan Matched Content [Terlengkap 2021]

Saya akan membagikan tutorial Cara Mengubah dan Kustomisasi Tampilan Iklan Matched Content / unit Konten yang sesuai secara aman dan responsive.
Cara Mengubah dan Kustomisasi Tampilan Iklan Matched Content
sumber: www.adityatekno.com

AdityaTekno.com - Setelah saya membagikan tutorial Cara Mendapatkan Iklan Matched Content Google AdSense. Sekarang saya akan membagikan tutorial Cara Mengubah Tampilan Iklan Matched Content Google AdSense. Tutorial ini saya buat karena sekedar berbagi tips saja dan untuk dijadikan arsip saya sendiri, jadi kalau seandainya saya lupa tinggal buka blog sendiri dan tidak repot-repot mencari tutor di google.

Sedikit meresume kembali perihal iklan matched content atau unit konten yang sesuai. 

Apa itu Iklan Matched Content?

Matched Content atau konten yang sesuai adalah salah satu fitur iklan dari Google AdSense yang telah disediakan oleh Google Adsense, yang fungsinya mirip seperti related post yang ada di sebuah blog. Namun memiliki isi yang lebih bervariasi daripada related post biasa.

Meskipun anda telah diterima Google AdSense sepenuhnya atau full approved, belum tentu anda juga bisa menayangkan secara langsung iklan Matched Content yang ada di Google AdSense.

Cara Mengubah Tampilan Iklan Matched Content Google AdSense
Contoh Tampilan Iklan Matched Content Google AdSense

Coba anda perhatikan gambar diatas, disana terlihat bahwa terdapat sebuah konten yang tidak ada di postingan blog kita. Kenapa bisa begitu? Karena itu adalah iklan dari Google yang di gabungkan dengan artikel kita yang relevan (sesuai).

Lalu saat pertama kali memasang slot iklan matched content, biasanya anda hanya akan dibawa pada halaman untuk mengedit tampilan kulitnya saja alias dasarnya saja. Misalnya seperti pemilihan font, warna background, dan sejenisnya. 

Sementara itu untuk pengaturan layout artikelnya sendiri seperti jumlah kolom dan baris tidak ada disana. Dan pada akhirnya kebanyakan para publisher hanya menggunakan layout default. Padahal anda juga bisa melakukan kustomisasi tampilan iklan matched content supaya gayanya jadi lebih sesuai dengan tempate yang sedang digunakan. 

Perhatikan bahwa opsi ini hanya tersedia untuk unit iklan matched content atau unit konten yang sesuai dan responsif, dan semua parameter diperlukan agar penyesuaian berfungsi. Setelah mengubah kode iklan, pastikan anda juga menguji unit iklan matched content atau unit konten yang sesuai di berbagai perangkat dan ukuran layar untuk memastikannya berfungsi dengan baik.

Catatan: Contoh yang dijelaskan dalam artikel ini adalah perubahan yang legal pada kode iklan AdSense. Jadi, anda tidak akan melanggar kebijakan AdSense dengan mengubah kode iklan matched konten atau Konten yang sesuai menggunakan cara yang telah disetujui ini.

Berikut adalah beberapa parameter yang bisa anda gunakan untuk mengedit gaya iklan matched content:

  1. Jenis tata letak (layout) : data-matched-content-ui-type
  2. Jumlah baris : data-matched-content-rows-num
  3. Jumlah kolom : data-matched-content-columns-num

Cara Mengubah Tampilan atau Tata Letak Unit Iklan Matched Content

Parameter tata letak (data-matched-content-ui-type) memungkinkan anda untuk mengubah susunan teks dan gambar di unit Konten yang sesuai atau iklan matched content. Jumlah baris dan kolom artikel juga bisa disesuaikan sendiri sesuai selera anda. 

Misalnya, anda dapat memilih untuk menampilkan gambar dan teks secara berdampingan, gambar di atas teks, dan sebagainya.

Berikut adalah beberapa opsi tata letak yang bisa anda pilih :

Iklan Matched Content Gambar dan Teks Berdampingan

Di tata letak ini, gambar dan teks akan muncul secara berdampingan. Untuk memilih tata letak ini, tambahkan parameter data-matched-content-ui-type="image_sidebyside" ke kode iklan matched content anda.

Contoh penerapan kode iklan matched content opsi gambar dan teks berdampingan :

<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>
Gambar dan Teks Berdampingan

Iklan Matched Content Gambar dan Teks Berdampingan dengan Kartu

Di tata letak ini, gambar dan teks muncul berdampingan dalam kartu. Untuk memilih tata letak ini, tambahkan parameter data-matched-content-ui-type="image_card_sidebyside" ke kode iklan matched content anda.

Contoh penerapan kode iklan matched content opsi gambar dan teks berdampingan dengan kartu :

<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>
Gambar dan Teks Berdampingan dengan Kartu

Iklan Matched Content Gambar Diatas Teks

Di tata letak ini, gambar dan teks ini disusun menumpuk satu sama lain. Untuk memilih tata letak ini, tambahkan parameter data-matched-content-ui-type="image_stacked" ke kode iklan matched content anda.

Contoh penerapan kode iklan matched content opsi gambar diatas teks :

<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>
Gambar Diatas Teks

Iklan Matched Content Gambar Diatas Teks dengan Kartu

Di tata letak ini, gambar dan teks ini disusun menumpuk satu sama lain di dalam kartu. Untuk memilih tata letak ini, tambahkan parameter data-matched-content-ui-type="image_card_stacked" ke kode iklan matched content anda. 

Opsi iklan matched content ini mirip seperti yang dipasang pada blog AdityaTekno. Anda bisa melihat contoh demonya diatas pada pembahasan tentang pengertian iklan matched content atau juga bisa lihat di bawah artikel ini.

Contoh penerapan kode iklan matched content opsi gambar diatas teks dengan kartu :

<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>
Gambar Diatas Teks dengan Kartu

Iklan Matched Content Hanya Teks

Di tata letak ini muncul hanya teks tanpa gambar. Untuk memilih tata letak ini, tambahkan parameter data-matched-content-ui-type="text" ke kode iklan matched content anda.

Contoh penerapan kode iklan matched content opsi hanya teks :

<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>
Hanya Teks

Iklan Matched Content Hanya Teks dengan Kartu

Di tata letak ini muncul hanya teks dalam sebuah kartu. Untuk memilih tata letak ini, tambahkan parameter data-matched-content-ui-type="text_card" ke kode iklan matched content anda.

Contoh penerapan kode iklan matched content opsi hanya teks dengan kartu :

<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>
Hanya Teks dengan Kartu

Cara Menentukan Jumlah Baris dan Kolom Unit Iklan Matched Content

Untuk rekomendasi di dalam unit konten yang sesuai atau iklan matched content disusun dalam grid dan anda dapat menentukan jumlah baris dan kolom yang ingin ditampilkan dalam grid. Misalnya, anda dapat menetapkan unit konten yang sesuai atau iklan matched content menjadi persegi berukuran 2x2, kolom berukuran 4x1, dan sebagianya.

Parameter yang digunakan untuk mengatur jumlah baris dan kolom iklan matched content atau konten yang sesuai yaitu data-matched-content-rows-num (jumlah baris) dan data-matched-content-columns-num (jumlah kolom). Anda juga harus mengatur kedua parameter tadi bersamaan dengan parameter data-matched-content-ui-type, karena jika tidak, biasanya iklan tidak muncul.

Perhatian! Batasan untuk jumlah baris dan kolom yang bisa anda tetapkan pada unit konten yang sesuai atau iklan matched content antara 1 sampai 30. Jika anda mencoba menampilkan kurang dari 1 atau lebih dari 30, unit konten yang sesuai atau iklan matched content akan terlihat kosong.

Catatan : Biasanya iklan matched content yang ditampilkan bisa juga tidak tepat seperti jumlah baris dan kolom yang telah anda tetapkan. Misalnya, jika anda telah menetapkan kolom dalam jumlah besar, namun unit konten yang sesuai tidak cukup lebar untuk menampung semuanya. Nah, dalam kasus ini, iklan akan menyesuaikan sendiri jumlah baris dan kolom sesuai lebar yang tersedia dalam blog anda.

Contoh Penerapan Jumlah Baris dan Kolom Unit Iklan Matched Content

Iklan Matched Content Tampilan 4x1 di Perangkat Mobile dan Dekstop

Contoh kode ini menampilkan cara membuat unit konten yang sesuai atau iklan matched content dengan empat baris dan satu kolom.

<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>
Tampilan 4x1 pada Perangkat Mobile dan Dekstop

Iklan Matched Content Tampilan 2x2 di Perangkat Mobile dan Dekstop

Contoh kode ini menampilkan cara membuat unit konten yang sesuai atau iklan matched content dengan dua baris dan dua kolom.

<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-xxxxxxxxx"
     data-ad-slot="1234567890"
     data-matched-content-rows-num="2"
     data-matched-content-columns-num="2"
     data-matched-content-ui-type="image_stacked"
     data-ad-format="autorelaxed"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
Tampilan 2x2 pada Perangkat Mobile dan Dekstop

Iklan Matched Content Tampilan 3x3 di Perangkat Mobile dan Dekstop

Contoh kode ini menampilkan cara membuat unit konten yang sesuai atau iklan matched content dengan tiga baris dan tiga kolom.

<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-xxxxxxxxx"
     data-ad-slot="1234567890"
     data-matched-content-rows-num="3"
     data-matched-content-columns-num="3"
     data-matched-content-ui-type="image_stacked"
     data-ad-format="autorelaxed"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
Tampilan 3x3 pada Perangkat Mobile dan Dekstop

Iklan Matched Content Tampilan 4x1 (Mobile) dan 2x2 (Dekstop) untuk Situs Responsive

Contoh kode ini menampilkan cara membuat unit konten yang sesuai atau iklan matched content dengan kotak 4x1 di mobile dan 2x2 di desktop. Saya sarankan untuk menggunakan kode ini jika situs anda sudah responsive.

<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>
Tampilan 4x1 perangkat Mobile
Iklan Matched Content ukuran 4x1 (mobile)
Tampilan 2x2 perangkat Desktop
Iklan Matched Content ukuran 2x2 (desktop)

Demikian tutorial Cara Mengubah Tampilan Iklan Matched Content Google AdSense. Semoga bisa membantu dan bermanfaat untuk anda. Terima kasih sudah berkunjung. Salam AdityaTekno.com

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