Thursday, 1 November 2018

2 Adsense Di Postingan Versi Mobile

Sebelumnya saya telah menjelaskan bagaimana cara memasang 2 iklan adsense di dalam postingan blog. Dimana Iklan akan muncul setelah paragraf tertentu. Namun yang dijelaskan sebelumnya hanya akan muncul pada saat pengunjung menggunakan komputer atau desktop sedangkan apabila menggunakan mobile 2 iklan adsense tersebut tidak tampil. 


Untuk mengatasi hal tersebut mudah saja, cukup dengan mengganti <data:post.body/> yang berada di antara <b:includable id='mobile-post' var='post'> .... </b:if> atau tepatnya di dalam <div class='post-body entry-content'>.

 <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;'>  
     <!-- Hapus bagian ini dan kemudian ganti dengan script iklan yang telah diparse. -->  
    </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;'>  
   <!-- Hapus bagian ini dan kemudian ganti dengan script iklan yang telah diparse. -->  
   </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>  

Setelah itu simpanlah template blog anda dan ujilah hasilnya dimana hasilnya akan seperti di bawah ini,



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.

Semoga Bermanfaat

Terimakasih telah berkunjung di https://agungpanduan.blogspot.co.id

2 comments:

  1. Mantap nih.... Coba dipraktekan ah di blog ane... Thank's informasinya gan...

    ReplyDelete
  2. Boleh juga nih, nambah ilmu lagi..masukin kantong

    ReplyDelete

Recent Post

Recent Posts Widget