Mohon Tunggu Proses Memuat Konten Halaman

Terbaru

18
Tgl. 11 Agustus 2017

Cara Pasang 2 Iklan di Tengah Postingan Sesuai Persentase Naskah Artikel

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.

Katagori: , ,
Terdapat 18 komentar pada artikel ini ▶
12/08/17, 08.53 O

itu kalau 2 iklan mas, kalau untuk 3 iklan dan seterusnya bagaimana mas?

12/08/17, 12.56 O

@hari wahyu nugroho Gampang kok Bang... Tinggal tambah dikit script-nya sesuai dengan jumlah iklan yang ingin dipasang juga udah jadi...

Sehingga kalau misalnya Abang memang menginginkannya, maka saya bersedia untuk membuatkan script-nya kok. Tergantung berapa jumlah iklan yang ingin Abang pasang dalam postingan...

15/08/17, 01.25 O

Mantabs.. sudah di implementasikan ke blog saya dan sama sekalli tidak ada pengulangan artikel sperti di blog lain. trima kasih min. smoga trus berbagi ilmu dan lncar rezeki srta pahala kebaikannya

15/08/17, 08.55 O

@Miuitutorial Indonesia Aamiin. Terimakasih juga Bang. Saya turut senang mengetahuinya. Harapan saya memang semoga saja uraian yang saya terbitkan dalam artikel ini dapat diambil guna dan manfaatnya bagi orang lain.

15/08/17, 10.22 O

@AYAHE MELA oh iya min, template yg dipakai pada blog ini bisa ambil dmana ya? saya cari2 di blog ini belum nemu juga. kalau admin berkenan, bsa tlong dishare

15/08/17, 18.26 O

@Miuitutorial Indonesia Template yang saya gunakan untuk blog ini memang template pribadi Bang. Jadi tidak untuk di-share dan juga belum pernah saya share sama sekali. Maaf.

15/08/17, 21.13 O

@AYAHE MELA oh iya, ga papa gan. bgus dan simple templatenya

ditunggu script yang bisa 3 iklan di tengah artikelnya gan...

29/08/17, 23.06 O

@Wijdan Sidiq Apa gak terlalu banyak tuh Bang kalau lebih dari 2 (dua) iklan yang dipasang dalam postingan? :D

Tapi sebenarnya sudah ada sih Bang artikelnya. Bahkan script yang saya berikan dalam artikel tersebut bisa digunakan untuk memasang 5 (lima) buah iklan sekaligus dalam artikel. :)

Hanya saja prinsip kerjanya agak berbeda karena tidak menggunakan acuan persen seperti yang saya uraikan dalam artikel ini.

Jika Abang ingin melihatnya, coba deh buka link ini dan kemudian lihat script-nya pada bagian kolom komentar. Sebab dalam artikel tersebut dulu juga ada yang menanyakan hal serupa dan kemudian saya berikan uraian jawabannya melalui komentar balasan.

07/12/17, 14.04 O

terima kasih banyak atas postingan artikel yang sangat bermanfaat iti :), semoga berkah, aamiin.

07/12/17, 22.01 O

@dede adamAamiin. Lebih kurang memang seperti itulah yang saya harapkan Bang... 🙂

Tapi, ngomong-ngomong kalau saya boleh tahu, kata "iti" itu maksudnya apa ya Bang? 😃

08/12/17, 10.26 O

Terima kasih atas Script untuk pemasangan dua iklan di tengah postingan. Script ini lebih baik dari pada script sebelumnya di postingan terdahulu, hanya saja terkadang posisi iklan rapat dengan text di paragraf sebelum atau sesudahnya, tapi tidak mengapa.
overall scriptnya berjalan dengan baik. thank you and sukses selalu

09/12/17, 21.45 O

@Nu rul Alhamdulillah. Terimakasih banyak atas apresiasi yang Sobat berikan.

Selanjutnya terkait dengan posisi iklan yang terkadang terlalu rapat dengan text yang terdapat pada paragraf sebelum atau sesudahnya, coba siasati dengan cara menambahkan margin pada bagian <div style='clear:both;'>

Dalam hal ini sebagai contoh bila ditambahkan margin misalnya yaitu menjadi <div style='clear:both;margin:10px 0px;'>

21/06/18, 12.42 O

bang kok iklan saya gk muncul ya?

31/12/18, 23.45 O

kadang iklan yang muncul di blog saya terlalu rapat bahkan ada yang menutupi text... solusinya gimana ya mas?

02/01/19, 19.34 O

akhirnya ketemu juga postingan yang work di blog saya, kalau di artikel lain postingan menjadi double

15/01/19, 09.05 O

mantap mas , , kendala dobel posting bisa diselesaikan

23/08/19, 18.16 O

Ko punya saya iklannya rata kiri,,, kalau posisinya center gimana?