Ini Cara Menampilkan Iklan Adsense di Blogger Paling Gampang! - BLOG TEKNO EDUKASI

Konten [Tampil]

Salah satu bentuk optimasi untuk meningkatkan pendapatan dari iklan AdSense adalah membuat unit iklan sebagus mungkin untuk disimpan pada layout terbaik di blog kita.

Namun terkadang layout template versi mobile dan versi desktop memiliki perbedaan yang signifikan. Oleh karena itu untuk membuat iklan yang tampil pada blog dalam versi mobile maupun desktop tetap bagus, maka kita harus menambahkan tag kondisional pada script iklan AdSensenya.

Cara Menampilkan Iklan Khusus Mobile di Blogger 

Berikut ini adalah beberapa langkah yang harus di lakukan dalam pemasangan iklan khusus mobile.

• Buka Dashboard AdSense
• Pilih Menu Ads
• Pilih By ad unit

Silahkan pilih jenis iklan yang ingin dibuat. Anda bisa memilih Display ads, In-feed ads, In-article ads dan Multiplex ads.

Setelah selesai membuat unit iklan, maka script kode iklan akan tampil kurang lebih seperti di bawah ini.

<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-XXXXXXXXXXXXXXXX"
     crossorigin="anonymous"></script>
<!-- Ads Judul -->
<ins class="adsbygoogle"
     style="display:inline-block;width:420px;height:280px"
     data-ad-client="ca-pub-XXXXXXXXXXXXXXX"
     data-ad-slot="XXXXXXXXXX"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

Umumnya unit iklan tersebut akan tampil pada blog dalam versi desktop dan mobile. Namun apabila kita ingin menyetingnya agar hanya tampil pada versi mobile, maka kita harus membungkusnya dengan tag kondisional.

Berikut ini adalah kode tag kondisional khusus mobile:

<b:if cond='data:blog.isMobileRequest == &quot;true&quot;'>
 … 
</b:if>

Setelah script kode iklan AdSense ditambah tag kondisional khusus mobile, maka kurang lebih script iklannya akan seperti di bawah ini,

<b:if cond='data:blog.isMobileRequest == &quot;true&quot;'>
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-XXXXXXXXXXXXXXXX"
     crossorigin="anonymous"></script>
<!-- Ads Judul -->
<ins class="adsbygoogle"
     style="display:inline-block;width:420px;height:280px"
     data-ad-client="ca-pub-XXXXXXXXXXXXXXX"
     data-ad-slot="XXXXXXXXXX"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>
</b:if>

Dengan menggunakan tag kondisional khusus mobile ini maka script iklan AdSense tersebut hanya akan tampil saat blog di buka melalui perangkat mobile seperti smartphone dan tablet.

Apa Keuntungan Memisahkan Iklan Versi Desktop dan Mobile?

Keuntungan yang paling utama adalah layout iklan yang dipisah menggunakan tag kondisional akan menyesuaikan dengan layout blog di masing-masing versi. Selain itu nilai impressions akan meningkat sehingga pendapatan iklan pun akan ikut meningkat.

Salah satu template yang wajib menggunakan tag kondisional pada iklan AdSense adalah template Viomagz versi 2.0. Template ini memiliki perbedaan pada tampilan homepage versi desktop dan versi mobile.

Oleh karena itu agar iklan yang tampil di homepage versi desktop dan versi mobile tetap sesuai, maka iklan AdSense wajib menggunakan tag kondisional.

Lihat contoh gambar pengaplikasian tag kondisional pada iklan adsense yang ditampilkan pada versi desktop dan versi mobile di blog penulis. 

1. Versi Desktop

Sumber gambar: www.maxikhsan.my.id

2. Versi Mobile

Sumber gambar: www.maxikhsan.my.id

Perhatikan:

Pada kedua gambar tersebut ada dua iklan yang  ditandai dengan kata Ads (warna hijau).

Tanda tersebut sengaja dibuat untuk menandai iklan yang tampil di homepage blog milik penulis. Iklan In-feed yang tampil pada versi desktop tetap mengikuti feed postinganm dan iklan In-feed versi mobile juga tetap mengikuti layout feed postingan. 

Bagaimana Jika Iklan Tidak Menggunakan Tag Kondisional?

Umumnya beberapa template sudah menyediakan tata letak khusus untuk pemasangan iklan. Biasanya layout tersebut terdapat di daerah atas (header), disamping (side bar), di dalam artikel (in article), dan di bawah (footer bar).

Sehingga meski anda tidak menggunakan tag kondisional khusus mobile, iklan dalam blog akan tetap responsif mengikuti layout dalam versi desktop ataupun versi mobile.

Namun untuk iklan jenis In-feed perlu melakukan setting secara manual di dalam template. Oleh karena itu bila anda belum paham cara memasang iklan In-feed di blog, maka silahkan cari tutorial cara memasang iklan In-feed di blog. 

Kesimpulan

Nah itulah pembahasan mengenai cara menampilkan iklan khusus di versi mobile. 

Semoga bermanfaat.