Cara Pasang Iklan Adsense di Tengah Postingan


Dalam satu diskusi di grup WA, ada seorang teman bertanya bagaimana cara agar penghasilan Google Adsense terus meningkat. Pertanyaan ini tentu saja punya banyak jawaban, tergantung dari sudut pandang mana kita melihat.

Namun, pada dasarnya, penghasilan Google Adsense itu tidak lepas dari posisi. Posisi dimana iklan itu ditempatkan. Salah satu posisi paling menjanjikan tentu saja di bawah header blog dan sidebar atas, baik kanan atau kiri.

Kedua posisi ini punya peran besar menyumbang penghasilan, namun yang tak kalah menguntungkannya adalah iklan yang diselipkan di dalam tulisan. Posisi ini memang menguntungkan bagi publisher, sayangnya tidak banyak yang tahu cara memasangnya.

(Baca Juga: Cara Paling Jitu Daftar Google AdSense Agar Diterima)

Olehnya itu, Blogooblok kali ini akan membuat tutorial bagaimana cara memasang iklan Adsense di tengah postingan, khususnya buat blogspot.

Ada dua cara yang akan kita lakukan, memasangnya secara otomatis dan secara manual.

Cara Pasang Adsense di Tengah Postingan Secara Otomatis

Sebelum lebih jauh membahas cara yang satu ini, Anda harus perhatikan terlebih dahulu apakah jenis blog yang kamu kelola, cocok atau tidak menggunakan iklan di tengah postingan atau tidak.

Karena jika blog yang menggunakan banyak gambar seperti Blogooblok ini, sangat tidak cocok dengan metode pemasangan otomatis.

(Baca Juga: Memasang Iklan Adsense di Bawah Judul dan Akhir Postingan)

Itu karena iklan yang muncul nantinya akan tabrakan dengan gambar. Sehingga tampilan blog bukannya menarik malah amburadul. Karena iklan yang akan kita buat akan secara otomatis muncul di tengah postingan. Kecuali Anda bisa mengatur presisinya dengan baik.

Oke... oke, saya ngerti, lalu cara membuatnya bagaimana?
  • Pertama-tama buatlah unit iklan di Google Adsense yang ingin Anda pasang di tengah postingan. Usahakan ukurannya menyatu dengan badan tulisan. 
  • Jika sudah selesai membuat unit iklan, copy scriptnya lalu parse. Silahkan gunakan alat parse ini.
  • Setelah di parse, biarkan saja untuk sementara kode iklan tersebut. 
  • Selanjutnya masuk ke dasbor blogger dan buka bagian Template lalu pilih Edit HTML. Cari kode ini <data:post.body/> dengan menekan Ctrl F. Pilih kode yang kedua. 
  • Setelah itu, ganti kode <data:post.body/> tersebut dengan script dibawah ini. Perhatikan kode iklan yang sudah di parse, copy masuk ke dalam script berikut. 
<div expr:id='"ads1" + data:post.id'></div>
<div style="clear:both; margin:10px 0">
Kode Iklan Adsense Anda Yang Telah Diparse
</div>
<div expr:id='"ads2" + data:post.id'><data:post.body/></div>
<script type="text/javascript">
var obj0=document.getElementById("ads1<data:post.id/>");
var obj1=document.getElementById("ads2<data:post.id/>");
var s=obj1.innerHTML;
var t=s.substr(0,s.length/2);
var r=t.lastIndexOf(" ");
if(r>0) {obj0.innerHTML=s.substr(0,r);obj1.innerHTML=s.substr(r+1);}
</script>

(Baca Juga: Kunci Menghasilkan Ribuan Dollar dari Google Adsense)

Note:
Kode diatas akan menempatkan iklan tepat ditengah-tengah tulisan. Sehingga jika Anda punya tulisan yang sangat panjang, iklannya akan muncul dibagian bawah. Untuk merubah jenisnya, perhatikan pada baris var t=s.substr(0,s.length/2);). Angka dua dalam tulisan berwarna merah itu silahkan ganti dengan angka lainnya.

Angka dua itu jika diterjemahkan dalam bahasa manusia artinya script akan menghitung seluruh kata pada artikel lalu membaginya menjadi 2. Di titik pertemuan pembagian itulah, iklan disisipkan. Anda bisa merubahnya sesuka hati, silahkan bereksperimen.
  • Jika sudah yakin dengan hasilnya, silahkan Simpan. 
Cara Pasang Iklan Adsense Secara Manual

Sebelum masuk bagaimana cara pemasangannya, contoh iklannya bisa dilihat dibawah ini.


Cara pertama diatas, iklan yang muncul akan langsung untuk semua postingan yang telah dibuat. Cara manual yang kedua ini mungkin sedikit lebih merepotkan dari yang pertama. Meski begitu, bagi Blogooblok cara inilah yang paling mantap.

Itu karena posisi iklan dalam satu tulisan bisa diatur sedemikian rupa kemunculannya sehingga tetap memperhatikan estetika tampilan blog. Pada dasarnya, cara pasangnya sangat mudah, yang bikin repot karena harus dilakukan satu persatu.

Anda sisa memasukkan script berikut ini dibagian tulisan Anda. Iklan tidak perlu di parse dan dengan seketikan iklannya akan muncul di bagian tulisan yang Anda inginkan. Ingat, pasangnya di mode HTML.


<div style=”float: left; margin-right: 10px; margin-bottom: 5px;”>
// Kode Iklan Anda //
</div>

Bentuk akhirnya seperti ini:


<div style=”float: left; margin-right: 10px; margin-bottom: 5px;”>
<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-368641xxxxxxxxxx"
     data-ad-slot="775xxxxxxxx"
     data-ad-format="auto"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>

Kode iklan diatas tidak lagi menyertakan kode ini:

<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>

Karena kode tersebut telah dipasang sebelumnya dibody blog sehingga, saat ada unit iklan baru yang dipasang tidak harus memasangnya berulang kali. Cara ini juga akan mempercepat blog Anda karena iklan tersebut tidak akan diload belurang kali.

(Baca Juga: Percepat Loading Blog dengan Script Asinkron Adsense)

Bagi saya, cara yang kedua ini meski merepotkan namun bernilai saing tinggi. Tampilan blog juga lebih bisa ditata dengan baik dan iklan yang ingin ditampilkan pun bisa disesuaikan. Silahkan bereksperimen.

Salam Blogger dan Jangan Lupa Bahagia!
+Wisa Rahardi