2 Adsense di Postingan

2 Iklan yang berada pada postingan setelah paragraf tertentu pasti pernah anda lihat sebelumnya pada blog-blog yang telah anda kunjungi. Bagi seorang blogger pasti akan bertanya-tanya, bagaimana caranya agar blog yang dimiliki dapat menampilkan iklan di postingan. Untuk membuat hal tidaklah susah, cukup dengan menambahkan script tertentu pada HTML blog. Dimana cara kerja pada script yang nanti saya bagikan yaitu dengan cara mencari dan mendeteksi keberadaan tag "<br>" atau "<p>" yang menandakan break atau paragraph dalam satu postingan, namun dapat pula mendeteksi keberadaan tag image "<img>" atau Video "<iframe>" serta tag "<li>".

Jadi dalam prakteknya iklan akan muncul setelah paragraph, image, video pada postingan dengan mengacu persentase naskah artikel dan secara random.

Adapun cara menggunakan memasang 2 iklan atau lebih adsense dalam satu postingan adalah sebagai berikut,

Pertama, Parse terlebih dahulu script Iklan Adsense yang akan dipasang.

Kedua, Theme>Edit HTML dan cari kode <data:post.body/> yang kedua pada halaman Area HTML biasanya tersimpan setelah <div class='post-body entry-content’>, Lalu gantilah <data:post.body/> dengan rangkain kode script dibawah ini,

<b:if cond='data:blog.pageType == "item"'>
   <b:if cond='data:blog.pageType != "static_page"'>
     <div id="ad-script1">
       <div style='clear:both;margin:10px 0px;'>

</div>
</div>
</b:if>
</b:if>
<div id="tgtp">
   <data:post.body/>
</div>
<b:if cond='data:blog.pageType == "item"'>
   <b:if cond='data:blog.pageType != "static_page"'>
     <div id="ad-script2">
       <div style='clear:both;margin:10px 0px;'>
         
   
   
    </div>
</div>
<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("tgtp"); 
       var ad1 = document.getElementById("ad-script1");
       var ad2 = document.getElementById("ad-script2");
       var tg1 = tgt.getElementsByTagName("p"); 
       var tg2 = tgt.getElementsByTagName("br");   
       var pt1 = tg1.length; var pt2 = tg2.length; 
       var ps1 = pt1*30/100; var ps2 = pt1*60/100;
       var br1 = pt2*30/100; var br2 = pt2*60/100;
       var bl1 = Math.round(ps1); var bl2 = Math.round(ps2);
       var bk1 = Math.round(br1); var bk2 = Math.round(br2);
       if (pt1 > 2) {
           insertAfter(ad1,tg1[bl1-1]); insertAfter(ad2,tg1[bl2-1]);
       } else if (br2 > 1) {
           insertAfter(ad1,tg2[bk1-1]); insertAfter(ad2,tg2[bk2-1]);
       } else {}
     </script>
   </b:if>
</b:if>

Ketiga, Simpan Template

Keterangan:

Anda dapat mengganti angka 30 serta 60 pada bagian 30/100 dan 60/100 untuk mengubah persentase peletakan iklan.
Script yang digunakan tadi akan mendeteksi keberadaan tag <p> atau <br> yang terdapat dalam postingan.
Jika gambar iklannya ingin disimpan ditengah postingan secara horizontal Baca POSISIKAN GAMBAR ATAU DIV DITENGAH POSTINGAN GUNAKAN MARGIN (100% WORK).

Agar 2 Adsense muncul saat versi mobile baca artikel selanjutnya.

Semoga Bermanfaat

Terimakasih telah berkunjung di https://www.agungpanduan.com