3 Cara Memasang Unit Iklan AdSense di Tengah Postingan Blog

Tutorial: Tips & Trik Cara Memasang dan Menampilkan Iklan Google AdSense di Tengah-Tengah Artikel Blog

Salah satu hal yang mempengaruhi besar kecilnya pendapatan Google AdSense yang kamu terima nantinya, di hitung dari jumlah klik pada iklan yang dilakukan oleh pembaca atau pengunjung situs.

Pertanyaannya, bagaimana cara meningkatkan penghasilan Google AdSense? Gampang, yakni menempatkan iklan pada posisi yang strategis.

Pic: https://www.bloggertipstricks.com/

Beberapa tempat yang di anggap strategis untuk menampilkan unit iklan Google AdSense yaitu (1.) sidebar atau sisi samping blog, (2.) di bawah judul blog, (3.) di tengah-tengah postingan blog, dan (3.) di bawah artikel blog.

3 Cara Memasang Unit Iklan AdSense di Tengah Postingan Blog

Setidaknya kami memiliki 3 cara yang berbeda dalam soal penempatan iklan di tengah-tengah postingan blog.

1. Cara Menampilkan 1 Unit Iklan Google AdSense di Tengah Postingan

Jika iklan yang akan ditampilkan di tengah artikel blog hanya satu (1) buah unit iklan saja, maka cari kode ini:

<data:post.body/>

Hapus kode tersebut, dan ganti dengan kode di bawah ini:

<div expr:id='&quot;post1&quot; + data:post.id'/>
<div class='googlepublisherads' style='margin:20px 0'>
<center>
<!-- Letak Kode Iklan Hasil dari Parse HTML Disini -->
</center>
</div>
<div expr:id='&quot;post2&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'>
var obj0=document.getElementById(&quot;post1<data:post.id/>&quot;);
var obj1=document.getElementById(&quot;post2<data:post.id/>&quot;);
var s=obj1.innerHTML;
var t=s.substr(0,s.length/2);
var r=t.lastIndexOf(&quot;&lt;br&gt;&quot;);
if(r&gt;0) {obj0.innerHTML=s.substr(0,r);obj1.innerHTML=s.substr(r+4);}
</script>

Selanjutnya simpan template blogger dan cek hasilnya.

2. Cara Menampilkan 2 Unit Iklan Google AdSense di Tengah Postingan

Jika iklan yang ditampilkan terdiri dari 2 unit iklan, tepat berada di tengah-tengah artikel; maka cari kode ini:

<data:post.body/>

Hapus kode tersebut, dan ganti (ubah) dengan kode ini:

<div expr:id='"post1" + data:post.id'/>
<div class='googlepublisherads' style='margin:20px 0'>
<center>
<!-- Letak Kode Iklan #1 Hasil dari Parse HTML Disini -->
</center>
</div>
<div expr:id='"post2" + data:post.id'><data:post.body/></div>
<div class='googlepublisherads' style='margin:20px 0'>
<center>
<!-- Letak Kode Iklan #2 Hasil dari Parse HTML Disini -->
</center>
</div>
<div expr:id='"post3" + data:post.id' />
&lt;script type='text/javascript'&gt;
var ads1=1/5;
var ads2=4/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;

Selanjutnya simpan template blogger dan cek hasilnya.

3. Cara Menampilkan 3, 4, dan 5 Iklan AdSense Sekaligus di Tengah Postingan

Beda lagi ceritanya apabila iklan yang ditampilkan ternyata lebih dari 2 unit iklan.

Catatan: Jika tiap-tiap artikel kamu memiliki teks yang panjang, seperti halnya blog dengan tema sejarah, maka tutorial No. 3 ini layak untuk di coba.

Cari kode ini:

<data:post.body/>

Ganti dengan kode di bawah ini:

<b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<div id='ad-script1'>
<div style='clear:both;'>
<!-- Letak Kode Iklan #1 Hasil dari Parse HTML Disini -->
</div>
</div>
<div id='ad-script2'>
<div style='clear:both;'>
<!-- Letak Kode Iklan #2 Hasil dari Parse HTML Disini -->
</div>
</div>
<div id='ad-script3'>
<div style='clear:both;'>
<!-- Letak Kode Iklan #3 Hasil dari Parse HTML Disini -->
</div>
</div>
</b:if>
</b:if>
<script type='text/javascript'>
function insertAfter(tbh,tgt) {
var prt = tgt.parentNode;
if (prt.lastChild == tgt) {prt.appendChild(tbh);} 
else {prt.insertBefore(tbh,tgt.nextSibling);}}
var tgt = document.getElementById("tgt-post");
var adps1 = document.getElementById("ad-script1");
var adps2 = document.getElementById("ad-script2");
var adps3 = document.getElementById("ad-script3");
var prgf1 = tgt.getElementsByTagName("br");
var prgf2 = tgt.getElementsByTagName("p>");
if (prgf1.length > 0) {insertAfter(adps1,prgf1[0]);}
if (prgf2.length > 0) {insertAfter(adps1,prgf2[0]);}
if (prgf1.length > 0) {insertAfter(adps2,prgf1[1]);}
if (prgf2.length > 0) {insertAfter(adps2,prgf2[1]);}
if (prgf1.length > 0) {insertAfter(adps3,prgf1[2]);}
if (prgf2.length > 0) {insertAfter(adps3,prgf2[2]);}
</script>

Di atas merupakan kode Script yang mengatur unit iklan agar bisa ditayangkan sebanyak 3 unit. Jika 4 unit iklan bagaimana, mas?

<b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<div id='ad-script1'>
<div style='clear:both;'>
<!-- Letak Kode Iklan #1 Hasil dari Parse HTML Disini -->
</div>
</div>
<div id='ad-script2'>
<div style='clear:both;'>
<!-- Letak Kode Iklan #2 Hasil dari Parse HTML Disini -->
</div>
</div>
<div id='ad-script3'>
<div style='clear:both;'>
<!-- Letak Kode Iklan #3 Hasil dari Parse HTML Disini -->
</div>
</div>
<div id='ad-script4'>
<div style='clear:both;'>
<!-- Letak Kode Iklan #4 Hasil dari Parse HTML Disini -->
</div>
</div>
</b:if>
</b:if>
<script type='text/javascript'>
function insertAfter(tbh,tgt) {
var prt = tgt.parentNode;
if (prt.lastChild == tgt) {prt.appendChild(tbh);} 
else {prt.insertBefore(tbh,tgt.nextSibling);}}
var tgt = document.getElementById("tgt-post");
var adps1 = document.getElementById("ad-script1");
var adps2 = document.getElementById("ad-script2");
var adps3 = document.getElementById("ad-script3");
var adps4 = document.getElementById("ad-script4");
var prgf1 = tgt.getElementsByTagName("br");
var prgf2 = tgt.getElementsByTagName("p>");
if (prgf1.length > 0) {insertAfter(adps1,prgf1[0]);}
if (prgf2.length > 0) {insertAfter(adps1,prgf2[0]);}
if (prgf1.length > 0) {insertAfter(adps2,prgf1[1]);}
if (prgf2.length > 0) {insertAfter(adps2,prgf2[1]);}
if (prgf1.length > 0) {insertAfter(adps3,prgf1[2]);}
if (prgf2.length > 0) {insertAfter(adps3,prgf2[2]);}
if (prgf1.length > 0) {insertAfter(adps4,prgf1[3]);}
if (prgf2.length > 0) {insertAfter(adps4,prgf2[3]);} 
</script>

Seperti biasa, akhiri sesi ini dengan mengetuk tombol simpan template blogger dan cek hasilnya.

Cara Memasang Unit Iklan AdSense di Tengah Postingan Blog

Karena iklan yang akan dipasangkan nantinya di dalam template blogger, maka kamu tidak bisa memasangnya langsung begitu saja.

Ada beberapa langkah yang harus kamu lakukan apabila ingin memasang iklan Google AdSense di dalam template blogger yang kamu miliki.

• Copy (Salin) kode JavaScript AdSense milik kamu
• Buka situs Parse HTML, selanjutnya Paste (Tempel) kode Google AdSense yang kamu Copy (Salin) tadi
• Ketuk tombol Parse, kemudian Copas kode ini
• Letakkan kodenya (Paste/Tempel) pada slot-slot iklan yang sudah disediakan di atas
• Kemudian akhiri sesi ini dengan mengetuk Save Template

Demikian cara memasang dan menampilkan iklan Google AdSense di tengah-tengah artikel blog. Ada yang ingin ditanyakan?

Source:
https://www.contohblog.com/2018/06/cara-memasang-iklan-di-tengah-artikel.html
http://strukturkode.blogspot.com/2016/05/cara-meletakan-2-iklan-adsense-di-tengah-postingan.html
https://www.panduaneka.com/2017/12/memasang-2-unit-iklan-ditengah-postingan.html<

Labels: Tutorial Google AdSense

Thanks for reading 3 Cara Memasang Unit Iklan AdSense di Tengah Postingan Blog. Please share this article.

Share this post