Cara Pasang Iklan Adsense Di Tengah Postingan

Dalam satu diskusi di grup WA, ada seorang sobat bertanya bagaimana cara semoga 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 menciptakan 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 memakai iklan di tengah postingan atau tidak.

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

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

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

Oke… oke, saya ngerti, kemudian 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 menciptakan unit iklan, copy scriptnya kemudian parse. Silahkan gunakan alat parse ini.
  • Setelah di parse, biarkan saja untuk sementara instruksi iklan tersebut. 
  • Selanjutnya masuk ke dasbor blogger dan buka bab Template kemudian pilih Edit HTML. Cari instruksi ini <data:post.body/> dengan menekan Ctrl F. Pilih instruksi yang kedua. 
  • Setelah itu, ganti instruksi <data:post.body/> tersebut dengan script dibawah ini. Perhatikan instruksi 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.

Baca Juga  7 Perempuan Terkaya Di Dunia Berkat Teknologi

Angka dua itu kalau diterjemahkan dalam bahasa insan artinya script akan menghitung seluruh kata pada artikel kemudian membaginya menjadi 2. Di titik pertemuan pembagian itulah, iklan disisipkan. Anda dapat merubahnya sesuka hati, silahkan bereksperimen.

  • Jika sudah yakin dengan hasilnya, silahkan Simpan. 

Cara Pasang Iklan Adsense Secara Manual

Sebelum masuk bagaimana cara pemasangannya, pola iklannya dapat dilihat dibawah ini.

Cara pertama diatas, iklan yang muncul akan eksklusif 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 alasannya ialah posisi iklan dalam satu goresan pena dapat diatur sedemikian rupa kemunculannya sehingga tetap memperhatikan estetika tampilan blog. Pada dasarnya, cara pasangnya sangat mudah, yang bikin repot alasannya ialah 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 bab 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 kesudahannya 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 instruksi ini:

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

Karena instruksi 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 alasannya ialah iklan tersebut tidak akan diload belurang kali.

Baca Juga  Mediavenus Luncurkan Versi Indonesia Dengan Laba Lebih

(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 dapat ditata dengan baik dan iklan yang ingin ditampilkan pun dapat disesuaikan. Silahkan bereksperimen.

Salam Blogger dan Jangan Lupa Bahagia!
+Wisa Rahardi

Posted in: