Cara memasang kode iklan adsense di template Contempo ( Terbaru )

Halo sobat nalagila, saya baru dapat kabar salah satu teman saya sudah diterima adsense. Sebenarnya ini diterima adsense full approve dari akun hosted menjadi non hosted. Saya ikut senang dengan kabar tersebut, tambah satu lagi teman seperjuangan dengan hobi yang sama. oh iya sobat semua sudah tahukah apa itu hosted dan non hosted?

Akun adsense hosted hanya memperbolehkan menampilkan iklan di produk google saja misalnya di blogger ( belum pakai domain sendiri ) dan di youtube. Sedangkan bila akun sudah non hosted maka kita bisa memasang unit iklan di semua website milik kita ( baik itu blogspot atau wordpress ).

Saat pengajuan kita diminta untuk meletakkan kode di antara <head> dan </head>, kode tersebut sudah bisa menampilkan iklan di tampilan mobile. tapi di tampilan dekstop masih belum muncul iklan satupun, oleh karenanya kita harus memasang iklannya secara manual, bagaimana caranya?

Cara Memasang  Kode Iklan Adsense

Pertama, kita bisa memanfaatkan widget adsense yang sudah tersedia di template contempo, soho dan emporio ( template blogger bawaan terbaru ). Silakan ke bilah sebelah kiri dan pilih tata letak ( layout ). Pilih widget adsense yang bertanda icon mata di coret. pilih icon pensil disebelahnya lalu pilih tampilkan.

Untuk dapat menggunakan widget tersebut silakan aktifkan menu pembayaran ( earning ) dengan cara ke menu settings lalu ke bahasa dan peformatan dan ubah jadi seperti gambar dibawah ini :


Kedua kita bisa memasang kode iklan secara manual, masuk ke dasboard adsense dan buat unit iklan baru.


Di dalam postingan unit iklan paling cocok adalah in article, infeed ads untuk tampilan di home page. setelah dapat kode dari adsense silakan ke Tema - edit html. pasang kode berikut diatas </head>
<script async='async' src='//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js'/>

Kode tersebut adalah javascript adsense, dengan kode tersebut kita tak perlu lagi pharse kode adsense ketika ingin memasang melalui edit html.pemasangan JS ini cukup satu saja supaya loading blog tidak tambah lamat.

Selanjutnya paste kode berikut diatas ]]><</b:skin>

.ataspost { width:336px;height:auto;text-align:center;padding:0;margin:20px 20px 20px;float:left;display:inline;box-sizing:border-box;}
@media screen and (max-width:480px){.ataspost{margin:15px auto;padding:0 15px;width:auto;height:auto;margin:0 0 20px;display:block;float:none;text-align:center}
}
.bawahpost { width:100%;height:auto;padding:0 20px;margin:15px auto;box-sizing:border-box}
.ataspost,.bawahpost{-moz-box-sizing:border-box;-webkit-box-sizing:border-box}

Step selanjutnya cari kode <data:post.body/> dan ganti dengan kode dibawah ini :

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='ataspost'>
<ins class='adsbygoogle' data-ad-client='ca-pub-xxx' data-ad-format='fluid' data-ad-layout='in-article' data-ad-slot='xxx' style='display:block; text-align:center;'/>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>
  </b:if> 
<data:post.body/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='bawahpost'>
<ins class='adsbygoogle dibawah' data-ad-client='ca-pub-xxx' data-ad-format='fluid' data-ad-layout='in-article' data-ad-slot='xxx' style='display:block; text-align:center;'/>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>
  </b:if>  

Ganti xxx pada ca-pub-xxx dengan id publiser kita dan xxx pada data-ad-slot dengan kode slot di script adsense yang tadi saat buat unit iklan.

Demikian tutorial pasang kode iklan adsense di template contempo, cara ini bisa diterapkan di semua template terbaru google ( emporio dan soho ). semoga bermanfaat

Reaksi:

You Might Also Like: