Pasang Iklan Adsense di Tengah Artikel Tanpa Merusak Gambar

Cara mudah memasang iklan adsense di tengah artikel tanpa merusak gambar dan Blockquote,- Banyak cara mendapatkan penghasilan dari internet, salah satunya adalah Google Adsense. Google Adsense adalah salah satu media periklanan terpopuler di internet dengan pemilik layanan yakni Google, media periklanan milik google ini memiliki sistem kerja PPC (Pay Per Click) atau mendapatkan penghasilan dari klik iklan yang sudah kita pasang di Blog atau channel youtube.

Dikatakan cukup populer karena Google Adsense terbukti membayar publishernya sesuai dengan pendapatan yang dikumpulkan pada akun atau dashboard adsense. Walaupun cukup populer namun untuk mendapatkan sebuah akun adsense tidaklah gampang, membutuhkan sebuah blog yang mempunyai reputasi baik agar saat daftar adsense bisa diterima. Jika pendaftaran adsense sudah diterima atau diapproved, langkah selanjutnya adalah memasang script iklan yang di dapat dari dashboard adsense ke blog agar penghasilan bisa berjalan.

Untuk memasang iklan adsense terdapat beberapa cara yakni, pertama dengan langsung melalui menu widget atau langsung melalui edit template. Jika memasang melalui widget caranya cukup mudah namun memiliki beberapa kelemahan yaitu iklan hanya bisa dipasang sesuai letak elemen widget di tata letak. Sebaliknya jika menggunakan cara kedua yakni dengan memasang langsung lewat edit HTML posisi iklan bisa diatur dimana saja, seperti di daerah postingan artikel.

Memasang iklan adsense di daerah postingan juga mampu meningkatkan penghasilan, hal tersebut dikarenakan pengunjung akan lebih fokus ke artikel ketimbang dibagian sidebar atau bagian lainnya. Nah oleh sebab itu kenapa banyak blogger yang memilih memasang iklan adsense mereka di area postingan. Untuk pemasangan iklan di area postingan bisa diletakkan pada bagian yang sentral klik, yakni dibawah judul, tengah artikel dan tepat dibawah postingan.

Dari ketiga penempatan iklan di area postingan, mungkin yang paling berpeluang besar mendapatkan klik adalah dibagian tengah artikel atau diakhir postingan, alasannya karena pengunjung akan lebih fokus ke artikel dan penempatan iklan tersebut akan lebih jelas terlihat. Namun untuk pemasangan iklan di tengah artikel kebanyakan akan mendapatkan masalah, mulai dari gambar akan rusak dengan hanya link yang terlihat atau Blockquote yang tidak mau tampil.

Nah untuk mengatasi hal tersebut bisa menggunakan script yang akan saja berikan ini, dijamin Blockquote dan gambar tidak akan berantakan, namun untuk sebagian template mungkin script ini kurang cocok, untuk itu silahkan dicoba saja. Berikut cara memasang iklan adsense di tengah artikel tanpa meruka gambar dan Blockquote.

Cara Memasang Iklan Adsense di Tangah Artikel

1. Untuk mempermudah silahkan parse dulu script iklan adsense ada di www.freeformatter.com
2. Kemudian masuk ke blogger - tema - edit html, lalu cari kode <data:post.body/> (gunakan Ctrl+F untuk mempermudah.

3. Biasanya terdapat lebih dari satu kode tersebut, pilih saja kode yang kedua atau bisa Anda sesuaikan sendiri.

4. Selanjutnya ganti kode <data:post.body/> dengan kode CSS dibawah ini.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='jobmiddlenew'><data:post.body/></div>
<div id='addcodemiddle'>
  <div class='middle-ads'><h3>Advertisement</h3>
IKLAN ADSENSE YANG SUDAH DIPARSE  </div>
</div>
<script type='text/javascript'>
var str1=document.getElementById(&quot;jobmiddlenew&quot;).innerHTML;
var str2=str1.length;
var str3=str2/2;
var substr = str1.substring(str3, str2);
var n = substr.search(&quot;&lt;br&gt;&quot;);
if(n&lt;0)
{
n = substr.indexOf(&#39;.&#39;);
if(n&lt;0)
{
n=0;
}
var firsthalf = str1.substring(0, str3+n+1);
var secondhalf = str1.substring(str3+n+1, str2);
}
else
{
var firsthalf = str1.substring(0, str3+n+4);
var secondhalf = str1.substring(str3+n+4, str2);
}
var addcode=&quot;<center>&quot;+document.getElementById(&quot;addcodemiddle&quot;).innerHTML+&quot;</center>&quot;;
var newbody=firsthalf+addcode+secondhalf;
var strnew=document.getElementsByClassName(&quot;post-body entry-content&quot;);
strnew[0].innerHTML=newbody;
document.getElementById(&quot;addcodemiddle&quot;).innerHTML=&quot;&quot;;
</script>
</b:if>

Note: Ganti kode merah di atas dengan script iklan yang sudah diparse sebelumnya.

5. Terakhir tinggal save template.

Seperti yang sudah saya jelaskan diatas biasanya kode di atas tidak cocok dengan beberapa template untuk itu silahkan disesuaikan sendiri, sambil belajar otak-atik HTML. Demikian tips yang dapat saya bagikan dan terima kasih.

BERITA LENGKAP DI HALAMAN BERIKUTNYA

Halaman Berikutnya

Subscribe to receive free email updates: