Cara Pasang 2 Iklan di Tengah Postingan Sesuai Persentase Naskah Artikel

Saat ini, memasang 2 (dua) atau lebih iklan di tengah postingan blogspot bisa jadi sudah tidak asing lagi bagi Anda. Apalagi bila sebelum ini Anda pernah menerapkan tutorial terkait dengan hal tersebut melalui artikel pertama yang mengulas tentang “Cara Pasang 2 atau Lebih Iklan AdSense di Tengah Postingan Blogspot” atau artikel kedua yang mengulas tentang “Cara Pasang Iklan AdSense di Bawah Gambar atau Foto dan Video dalam Postingan”.

Pada uraian artikel tersebut di atas telah saya jelaskan bahwa untuk memasang iklan AdSense di tengah postingan blogspot seperti ini, secara teknis adalah dengan cara mendeteksi tag tertentu yang terdapat dalam postingan dan kemudian memposisikan pemunculan iklan pada urutan tag yang sesuai. Sebagai contoh misalnya yaitu dengan cara mendeteksi keberadaan tag <br> atau <p> yang menandakan break (alinea) atau paragraph dalam sebuah postingan.

Bahkan dalam artikel di atas saya jelaskan pula bahwa memasang iklan dalam postingan dengan menggunakan teknik tersebut tidak hanya bisa dilakukan dengan cara mendeteksi keberadaan tag <br> atau <p> yang menandakan break (alinea) atau paragraph dalam sebuah postingan, namun dapat pula dilakukan dengan cara mendeteksi keberadaan tag <img> untuk gambar dan <iframe> untuk video yang disematkan dari YouTube, serta tag lainnya seperti <li> dan lain sebagainya.

Akan tetapi perlu diketahui bahwa jika Anda menggunakan teknik pemasangan iklan di tengah postingan yang terdapat pada artikel di atas, maka letak munculnya iklan memang berada pada posisi yang tetap. Artinya jika posisi iklan telah ditentukan untuk muncul di bawah paragraf pertama dan keempat misalnya, maka sebanyak apapun jumlah paragraf yang terdapat dalam artikel itu, iklan akan selalu muncul di bawah paragraf pertama dan keempat.

Ambil contoh misalnya jika artikel A terdiri dari 6 buah paragraf dan artikel B terdiri dari 15 buah paragraf, maka jika kedua artikel tersebut dibuka, iklan akan muncul pada posisi yang sama, yaitu di bawah paragraf pertama dan keempat.  Oleh sebab itu tidak mengherankan bila kemudian ada yang mengeposkan komentar dengan isi pernyataan serta pertanyaan seperti di bawah ini:

“Ow ya, saya kurang begitu faham cara mengatur paragrafnya, inginnya agak ke bawah dan kedua iklan yang berada di tengah itu saling berjauhan tapi menggunakan persen.”

“min, bisa pelajari cara yg ini: http://strukturkode [dot] blog***spot [dot] co [dot] id/2016/05/cara-meletakan-2-iklan-adsense-di-tengah-postingan.html intinya sama2 memunculkan 2 iklan di tengah post tapi cara di link tersebut pakai sistem persentase. hanya saja kelemahannya post bagian bawah setelah iklan kedua jadi double. klo misal admin memperbaikinya bakal jadi post menarik nih. makasih”

[LIhat komentar lengkapnya di sini]

Hal tersebut praktis mendorong saya melakukan perubahan serta perbaikan pada script yang digunakan untuk memasang unit iklan di tengah postingan dengan mengacu pada persentase naskah artikel yang diterbitkan. Sehingga dengan adanya perubahan serta perbaikan ini maka iklan tidak selalu muncul di bawah paragraf pertama dan keempat saja misalnya, akan tetapi iklan bisa saja muncul di bawah paragraf pertama dan kedua, di bawah paragraf ketiga dan keenam, atau di bawah paragraf yang berbeda-beda sesuai dengan banyak sedikitnya jumlah paragraf yang terdapat pada postingan itu sendiri. Dimana penerapannya dapat dilakukan dengan cara mengerjakan beberapa langkah berikut ini:

Pertama,  parse terlebih dulu script / kode iklan AdSense yang akan dipasang.

Kedua, edit tema / template dan kemudian carilah bagian yang menyatakan <data:post.body/>. Selanjutnya apabila bagian tersebut sudah ketemu, maka gantilah dengan rangkaian kode di bawah ini. Tapi ingat…! Jangan lupa untuk mengganti bagian yang menyatakan <!-- Hapus bagian ini dan kemudian ganti dengan script iklan yang telah diparse.  --> dengan kode AdSense yang telah Anda parse sebelumnya.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
   <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
     <div id="ad-script1">
       <div style='clear:both;'>
         <!-- 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 == &quot;item&quot;'>
   <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
     <div id="ad-script2">
       <div style='clear:both;'>
         <!-- 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>

Ketiga, simpan tema / template.

Keterangan:

• Anda dapat mengganti angka 30 serta 60 pada bagian 30/100 dan 60/100 untuk mengubah persentase peletakan iklan.
• Script tersebut mendeteksi keberadaan tag <p> atau <br> yang terdapat dalam postingan, dengan asumsi bahwa kedua tag itulah yang umum dan paling banyak digunakan dalam pembuatan / penyusunan artikel dengan platform blogger / blogspot.

Anda mengalami kendala atau kesulitan yang perlu ditanyakan terkait dengan penerapan teknik tersebut? Poskan komentar untuk menyampaikan kendala atau kesulitan yang Anda alami.