Cara Memasang Iklan Di Tengah Postingan Blogger - Igniel

Penempatan iklan di tengah artikel Blogger menjadi salah satu posisi favorit para publisher. Kenapa? Ketika pengunjung sedang asik baca, eh tau-tau di tengahnya ada iklan. Jelaslah keberadaannya pasti akan disadari dan tidak akan terlewat.

Tutorial ini sebenarnya sudah banyak dan pasaran banget. Tapi saya mau share saja script iklan AdSense tengah post ala Igniel ini. Siapa tau versi saya lebih cocok untuk blog kamu dibanding script lain yang sudah ada.

Cara Membuat Iklan Di Tengah Post

Agar iklan AdSense tengah artikel ini bekerja, silakan ikuti langkah-langkah berikut dengan cermat.

1. Buka dashboard Blogger dan masuk ke menu Theme (Tema) » Edit HTML.
2. Cari kode <data:post.body/>. Jika ada banyak, pastikan pilih yang berada di dalam tag kondisional Blogger khusus post.
3. Tambahkan kode HTML ini DI BAWAH <data:post.body/> tadi.

   <div class='ignielMiddleAds'>
     <!-- Kode Iklan AdSense -->
   </div>

4. Lalu tambahkan script ini DI ATAS </body>.

   <b:if cond='data:view.isPost'>
     <script> //<![CDATA[
       // Middle Ads Inside Post by igniel.com
       (function() {
         let ads = document.querySelector('.ignielMiddleAds');
           if (ads) {
           let post = document.querySelectorAll('.post-body br, .post-body p'),
             x = parseInt(post.length / 2);
           if (post[x].nodeName == 'P') {
             post[x].parentNode.insertBefore(ads, post[x]);
           }
           else {
             post[x].parentNode.insertBefore(ads, post[x].nextSibling);
           }
         }
       })();
     //]]> </script>
   </b:if>

5. Tambahkan sedikit CSS agar iklannya tidak terlalu berdempet dengan konten di atas dan bawahnya. Simpan DI ATAS </style> atau ]]></b:skin>. Kalau jaraknya masih kurang atau terlalu berlebihan tinggal sesuaikan sendiri ya pada bagian margin.

   /* Middle Ads Inside Post by igniel.com */
   .ignielMiddleAds {
     display:block;
     margin: 1rem 0;
     padding: 0;
   }

Iklan yang muncul cuma satu ya. Kalau mau pasang sekaligus banyak, coba deh ikuti tutorial iklan tengah post berulang di Blogger yang lebih unik.

Hasil dari tutorial iklan AdSense tengah post ini bisa dicek di Codepen berikut. Untuk demo, saya ganti menggunakan gambar saja.

Lihat di Codepen

Untuk variasi posisi iklan lainnya, kamu bisa cek artikel yang berjudul kumpulan posisi iklan AdSense. Ada banyak jenis penempatan unik yang bisa dicoba untuk meningkatkan CTR maupun jumlah klik.

Tutorial ini tidak hanya berlaku untuk AdSense saja. Bisa juga kok dipakai untuk yang lain seperti MGID atau Adsterra, dan lainnya.