Cara Pasang Iklan AdSense di Bawah Gambar atau Foto dan Video dalam Postingan

Memasang 2 (dua) atau beberapa unit iklan AdSense sekaligus di dalam atau di tengah postingan secara otomatis bisa jadi sudah tidak asing lagi bagi Anda. Apalagi bila sebelum ini Anda pernah membaca artikel yang mengulas tentang hal tersebut, tepatnya yaitu dalam postingan yang berjudul “Cara Pasang 2 atau Lebih Iklan AdSense di Tengah Postingan Blogspot”.

Ketahui bahwa cara yang digunakan untuk memasang iklan AdSense di tengah postingan seperti itu secara teknis adalah dengan mendeteksi tag tertentu yang terdapat dalam artikel dan kemudian memposisikan pemunculan iklan pada urutan tag yang sesuai. Sebagai contoh misalnya yaitu dengan cara mendeteksi keberadaan tag <br> atau <p> yang menandakan alinea atau paragraph pada suatu postingan.

Oleh sebab itu jika sebelum ini Anda pernah membaca dan atau menerapkan teknik yang saya uraikan dalam artikel tersebut di atas, maka iklan AdSense bisa saja dimunculkan di bawah paragraf tertentu yang ada dalam artikel itu. Sebagai contoh misalnya dimunculkan di bawah paragraf pertama dan ketiga, di bawah paragraph kedua dan kelima, dan lain sebagainya. 

Namun demikian seperti yang kita tahu bersama bahwa dalam postingan artikel seperti ini umumnya tidaklah hanya berisi teks yang tersusun dalam beberapa alinea atau paragraf saja. Akan tetapi biasanya juga memuat ilustrasi berupa gambar atau foto dan bahkan tidak jarang pula ada yang menyertakan video sebagai konten pendukung dari ulasan yang dimuat didalamnya. Sehingga bisa jadi Anda kemudian juga akan bertanya, “Apakah bisa memasang iklan adsense tepat di bawah gambar atau video yang termuat dalam postingan?”. Jawabannya tentu saja adalah bisa. Caranya yaitu dengan mendeteksi keberadaan tag <img> untuk gambar dan tag <iframe> untuk video YouTube. Demikian pula halnya jika Anda ingin memasang pada bagian lain dengn tag yang berbeda seperti <li> dan lain sebagainya.

Perhatikan tangkapan layar seperti yang tampak pada gambar di atas! Ketahui bahwa gambar tersebut menunjukkan contoh dari iklan AdSense yang dipasang tepat di bawah gambar suatu postingan yang akan selalu tampil otomatis seperti itu jika dalam artikel yang dimaksud memuat atau berisikan gambar.

Pemasangan iklan AdSense di bawah gambar atau video seperti yang tamak pada ilustrasi di atas dapat dilakukan dengan cara mengerjakan beberapa langkah di bawah ini.

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

Kedua, edit tema / template dan kemudian cari bagian yang menyatakan <data:post.body/> untuk selanjutnya apabila sudah ketemu maka ganti dengan salah satu rangkaian kode di bawah ini (sesuai dengan letak iklan akan dimunculkan). Sebagai catatan, jangan lupa untuk mengganti bagian <!-- Hapus bagian ini dan kemudian ganti dengan script iklan yang telah diparse.  --> dengan kode AdSense yang sebelumnya telah diparse.

1. Rangkaian kode untuk memasang sebuah iklan AdSense di bawah gambar / foto
   
   <b:if cond='data:blog.pageType == &quot;item&quot;'>
     <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
       <div id='ad-pic'>
         <div style='clear:both;'>
           <!-- Hapus bagian ini dan kemudian ganti dengan script iklan yang telah diparse. -->
         </div>
       </div>
     </b:if>
   </b:if>
   <div id='tgt-post'>
     <data:post.body/>
   </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(&quot;tgt-post&quot;);
     var adpic = document.getElementById(&quot;ad-pic&quot;);
     var pic01 = tgt.getElementsByTagName(&quot;img&quot;);
     if (pic01.length &gt; 0) {insertAfter(adpic,pic01[0]);}
   </script>
   
   
2. Rangkaian kode untuk memasang sebuah iklan AdSense di bawah video
   
   <b:if cond='data:blog.pageType == &quot;item&quot;'>
     <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
       <div id='ad-vid'>
         <div style='clear:both;'>
           <!-- Hapus bagian ini dan kemudian ganti dengan script iklan yang telah diparse. -->
         </div>
       </div>
     </b:if>
   </b:if>
   <div id='tgt-post'>
     <data:post.body/>
   </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(&quot;tgt-post&quot;);
     var advid = document.getElementById(&quot;ad-vid&quot;);
     var vid01 = tgt.getElementsByTagName(&quot;iframe&gt;&quot;);
     if (vid01.length &gt; 0) {insertAfter(advid,vid01[0]);}
   </script>
   
   
3. Rangkaian kode untuk memasang sebuah iklan AdSense di bawah gambar dan sebuah iklan AdSense di bawah video sekaligus
   
   <b:if cond='data:blog.pageType == &quot;item&quot;'>
     <b:if cond='data:blog.pageType != &quot;static_page&quot;'>
       <div id='ad-pic'>
         <div style='clear:both;'>
           <!-- Hapus bagian ini dan kemudian ganti dengan script iklan yang telah diparse. -->
         </div>
       </div>
       <div id='ad-vid'>
         <div style='clear:both;'>
           <!-- Hapus bagian ini dan kemudian ganti dengan script iklan yang telah diparse. -->
        </div>
       </div>
     </b:if>
   </b:if>
   <div id='tgt-post'>
     <data:post.body/>
   </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(&quot;tgt-post&quot;);
     var adpic = document.getElementById(&quot;ad-pic&quot;);
     var advid = document.getElementById(&quot;ad-vid&quot;);
     var pic01 = tgt.getElementsByTagName(&quot;img&quot;);
     var vid01 = tgt.getElementsByTagName(&quot;iframe&gt;&quot;);
     if (pic01.length &gt; 0) {insertAfter(adpic,pic01[0]);}
     if (vid01.length &gt; 0) {insertAfter(advid,vid01[0]);}
   </script>
   
    

Ketiga, simpan tema / template.

Setelah melakukan pemasangan iklan AdSense dengan menggunakan salah satu cara di atas, bisa jadi kemudian Anda juga akan bertanya, “Lantas bagaimana jadinya bila dalam artikel saya tidak memuat gambar, video, atau bahkan keduanya?”. Apabila kondisinya adalah seperti itu, maka iklan AdSense akan ditampilkan di atas paragraf yang pertama. Sehingga Anda tidak perlu khawatir, karena iklan akan tetap tampil dalam postingan, hanya saja terletak pada bagian / posisi yang berbeda.