Cara Pasang Iklan Adsense di Tengah Postingan


Dalam satu diskusi di grup WA, ada seorang sahabat bertanya bagaimana cara biar 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 tugas besar menyumbang penghasilan, namun yang tak kalah menguntungkannya ialah 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 kau kelola, cocok atau tidak menggunakan iklan di tengah postingan atau tidak.

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

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

Itu sebab iklan yang muncul nantinya akan gesekan dengan gambar. Sehingga tampilan blog bukannya menarik malah amburadul. Karena iklan yang akan kita buat akan secara otomatis muncul di tengah postingan. Kecuali Anda mampu 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 tubuh tulisan. 
  • Jika sudah selesai membuat unit iklan, copy scriptnya lalu parse. Silahkan gunakan alat parse ini.
  • Setelah di parse, biarkan saja untuk sementara arahan iklan tersebut. 
  • Selanjutnya masuk ke dasbor blogger dan buka adegan Template lalu pilih Edit HTML. Cari arahan ini <data:post.body/> dengan menekan Ctrl F. Pilih arahan yang kedua. 
  • Setelah itu, ganti arahan <data:post.body/> tersebut dengan script dibawah ini. Perhatikan arahan 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 sempurna ditengah-tengah tulisan. Sehingga kalau Anda punya goresan pena 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 goresan pena berwarna merah itu silahkan ganti dengan angka lainnya.

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

Sebelum masuk bagaimana cara pemasangannya, tumpuan iklannya mampu dilihat dibawah ini.


Cara pertama diatas, iklan yang muncul akan pribadi 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 sebab posisi iklan dalam satu goresan pena mampu diatur sedemikian rupa kemunculannya sehingga tetap memperhatikan estetika tampilan blog. Pada dasarnya, cara pasangnya sangat mudah, yang bikin repot sebab harus dilakukan satu persatu.

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


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

Bentuk risikonya ibarat 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 arahan ini:

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

Karena arahan tersebut telah dipasang sebelumnya dibody blog sehingga, ketika ada unit iklan gres yang dipasang tidak harus memasangnya berulang kali. Cara ini juga akan mempercepat blog Anda sebab 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 mampu ditata dengan baik dan iklan yang ingin ditampilkan pun mampu disesuaikan. Silahkan bereksperimen.

Salam Blogger dan Jangan Lupa Bahagia!
+Wisa Rahardi

Comments