Cara Memasang Dua Iklan Otomatis Didalam Artikel

Kamis, 03 Agustus 2017 - -

Salah satu tips menaikan penghasilan dari google adsense adalah posisi iklan yang strategis yang kita pasang di blog kita, dengan posisi iklan yang strategis tentunya berpeluang meningkatkan jumlah klik pada iklan yang kita pasang. Pada posting ini kita akan bahas bagaimana Cara Memasang dua Iklan yang bisa otomatis ada disela-sela artikel, posisi bisa diatas, ditengah, dan seterusnya. Memasang iklan didalam content tentunya menaikan CTR jika kita bermain dengan google adsense.

Oke, kita langsung saja ke tutorial cara memasangnya:
1. Parse dulu kode iklan yang anda dapat dari google ads, anda bisa menggunakan tool yang tersedia di http://www.freeformatter.com/html-escape.html
=> Baca apa itu parse disini.

2. Setelah diparse silahkan anda copy paste kode ads 1 di (KODE ADSENSE Part 1) dan kode ads 2 di (KODE ADSENSE Part 2) didalam kode dibawah ini.

3. Login akun blogger anda
Klik Tema dan Klik Edit HTML ==> Pastikan anda backup dulu template blog anda, supaya jika terjadi kesalahan, dan tampilan blog anda rusak, anda bisa mengembalikan desain template blog anda.

4. Cari kode <data:post.body/> lalu timpa dengan kode yang ada dibawah ini, kalau tidak berhasil cari <data:post.body/> yang lain hingga berhasil biasanya letaknya dibody article, no:2 atau no:3.4. Ini untuk blogger.

5. Atur tata letak iklan di var ads1=1/5; artinya letaknya seperlima kontent atas dan var ads2=3/5; artinya tiga perlima dari kontent bawah. Tinggal ubah saja angkanya jika ingin lebih kebawah ketengah atau keatas.
Saya sudah praktek dan berhasil, anda bisa lihat iklan yang tampil di blog ini menggunakan tutorial ini.
Berikut kode yang digunakan untuk memasang dua iklan otomatis didalam artikel.
<div expr:id='"post1" + data:post.id'/>
<div class='googlepublisherads' style='margin:20px 0'>
<center>
KODE ADSENSE Part 1
</center>
</div>
<div expr:id='"post2" + data:post.id'><data:post.body/></div>
<div class='googlepublisherads' style='margin:20px 0'>
<center>
KODE ADSENSE Part 2
</center>
</div>
<div expr:id='"post3" + data:post.id' />
&lt;script type='text/javascript'&gt;
var ads1=1/5;
var ads2=3/5;
var a=document.getElementById(&quot;post1<data:post.id/>&quot;);
var b=document.getElementById(&quot;post2<data:post.id/>&quot;);
var c=document.getElementById(&quot;post3<data:post.id/>&quot;);
var html=b.innerHTML;
var n=html.length;
var t=html.substr(0,n*ads1);
var i=t.lastIndexOf(&quot;&lt;br&gt;&quot;);
var t2=html.substr(0,n*ads2);
var i2=t2.lastIndexOf(&quot;&lt;br&gt;&quot;);
if(i&gt;0 &amp;&amp; i2&gt;0){
a.innerHTML=html.substr(0,i);
b.innerHTML=html.substr(i+4,i2);
c.innerHTML=html.substr(i2+4);
}&lt;/script&gt;
Atau anda bisa juga download kode diatas disini.
Demikian, semoga bermanfaat.

Silahkan tinggalkan komentar anda disini dan Terimakasih anda mau menuliskan nama anda.

Koleksi Tutorial Blog

Arsip Blog