Cara Memasang Adsense Versi Mobile Di Bawah Judul Postingan
image source: marketingland.com |
Di tutorial singkat ini Akira akan membahas bagaimana cara menampilkan adsense versi mobile, tepat bawah judul postingan. Khususnya untuk pengguna template non-responsive. Namun cara ini juga sanggup dipakai bagi para pengguna template responsive.
Pertama yang perlu diketahui, cara ini hanya akan menampilkan adsense di bawah judul postingan versi mobile saja, sehingga cara ini tidak bertabrakan atau mengganggu peletakan adsense versi desktop. Caranya yaitu sebagai berikut:
Pertama, buat Ads Unit gres dengan ukuran yang cocok berada di bawah judul postingan mobile
- Log in di halaman google adsense dengan akun milik kamu.
- Pilih tab My Ads. Kemudian pilih New Ads Unit, untuk menambah unit iklan baru.
- Pilih ukuran ads yang kau kehendaki. Kamu juga sanggup memakai ukuran responsive. Namun Akira sendiri memakai ukuran ads 320x100, ukuran ini termasuk kecil namun elegan, sehingga lebih nyaman di mata pembaca. Tips : Berikan juga nama pada Ads Unit ini, biar nantinya ads unit lebih gampang dicari, kalau sewaktu-waktu kau ingin mengubahnya.
- Lakukan Save and get code.
Apa itu proses parse? Baca di sini..
Penempatan code adsense pada template blog
- Lakukan backup template, untuk berjaga-jaga seandainya terjadi kesalahan. Jika kau anak ajar Mad Dog, skip langkah ini!
- Buka template blog dan temukan code...
<b:includable id='mobile-post' var='post'>
- Scroll sedikit ke bawah untuk menemukan code...
<div class='post-body entry-content' expr:id='"post-body-" + data:post.id' itemprop='articleBody'>
- Letakan code script adsense di bawahnya seara langsung.
- Atau, supaya terlihat lebih rapih, kau juga sanggup menambahkan script berikut pada code adsense.
<br>
<b:if cond='data:blog.pageType == "item"'>
<div class='toppostadmobile ' style='text-align:center;'>
CODE ADSENSE YANG TELAH DIPARSE DI SINI
</div>
</b:if>
</br>
<b:if cond='data:blog.pageType == "item"'>
<div class='toppostadmobile ' style='text-align:center;'>
CODE ADSENSE YANG TELAH DIPARSE DI SINI
</div>
</b:if>
</br>
- Selesai :)
Untuk mengujinya secara langsung, kau sanggup melakukannya dari pc dengan menambahkan ?m=1 sempurna di belakang url postingan blog kau masing-masing. Cara ini akan menampilkan postingan blog menjadi tampilan mobile. Good luck !
author: Akira Asayami