Cara Pasang Iklan Adsense Di Tengah Postingan


Dalam satu diskusi di grup WA, ada seorang teman 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 yaitu 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 jikalau blog yang memakai banyak gambar menyerupai Blogooblok ini, sangat tidak cocok dengan metode pemasangan otomatis.

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

Itu alasannya 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 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 jikalau 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 jikalau 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 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 alasannya 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 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 jadinya menyerupai 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 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 dapat ditata dengan baik dan iklan yang ingin ditampilkan pun dapat disesuaikan. Silahkan bereksperimen.

Salam Blogger dan Jangan Lupa Bahagia!
+Wisa Rahardi


Sumber https://www.blogooblok.com/

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel