Mohon Tunggu Proses Memuat Konten Halaman

Terbaru

12
Tgl. 11 April 2017

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

Ilustrasi Iklan AdSense yang Dipasang di Bawah Gambar Suatu Postingan Artikel

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.

Katagori: ,
Terdapat 12 komentar pada artikel ini ▶

Keuntungan kita pasang iklan di bawah gambar atau video apa ka?

03/05/17, 19.54 O

@Uti RamariKalau ditanya tentang keuntungannya, saya rasa sangat relatif. Sebab ada banyak faktor yang besar kemungkinan berpengaruh terhadap pemasangan iklan AdSense dengan menggunakan teknik tersebut. Dalam hal ini misalnya desain tema, tata letak, dan lain sebagainya. Oleh sebab itu bila ingin mengetahui jawabannya secara pasti, maka sebaiknya lakukan uji coba atau eksperimen.

Anonim
12/07/17, 16.21 O

oh begitu yah caranya, patut di coba dalam blog saya lainnya. Thanks infonya

29/07/17, 00.23 O

@RalabumaIya, silakan...

07/08/17, 23.13 O

yang masih bingung itu kalau pasang di beberap paragraf mas, saat di coba pasti gagal munculnya di bawah judul. kalau boleh tau untuk memasang di beberapa paragraf bagaimana ya mas tanpa ada videonya. misa di paragraf 2 san 3

08/08/17, 05.46 O

@hari wahyu nugroho Jika ingin memasang iklan di beberapa paragraf, coba lihat uraiannya pada artikel yang ini, Bang.

Cermati pula uraian yang terdapat pada kolom komentar, karena uraian selebihnya juga dapat Abang temukan di sana.

Namun begitu jika dalam penerapannya Abang masih mengalami kendala, maka silakan bertanya dengan mengeposkan komentar pada artikel tersebut.

08/08/17, 08.09 O

siap laksanakan mas :)

08/08/17, 10.07 O

@hari wahyu nugroho Iya Bang...

11/08/17, 09.38 O

Sudah adakah min solusi buat cara pasang 2 ads di tegah artikel blog? hehe
lagi mantengin trus nih tp blum kluar jga artikelnya. makasih

11/08/17, 21.37 O

@Miuitutorial Indonesia Sudah ada Bang. Dan artikelnya juga sudah saya terbitkan kok. Coba deh sekarang cek di sini.

30/07/18, 07.49 O

Mas kalau gambar di artikel kita banyak nanti iklannya akan muncul dibawah semua gambar yang ada atau bagaimana?

26/08/18, 04.11 O

@hlaikiWalaupun gambarnya banyak, tapi karena script yang dipasang hanya satu buah, maka iklan yang ditampilkan pun hanya sebanyak satu buah, Bang. :)