Cara Memasang Iklan InFeed AdSense di Blogger

Table of Contents

Artikel berikut saya akan berbagi cara dan tutorial bagaimana memasang iklan infeed adsense di antara postingan blog. Lalu apa itu iklan inFeed Adsense, keuntungan memasang iklan infeed, dan memasangnya pada template.

Memasang Iklan InFeed AdSense di Blogger

Sesuai dengan namanya, Infeed adalah jenis iklan yang akan tampil di dalam feed atau tepatnya iklan yang tampil di antara daftar artikel depan halaman blog. Unit iklan ini akan menyesuaikan ukuran dan bentuknya pada template.

Berikut ini adalah cara membuat dan memasang unit iklan infeed.

Membuat unit Iklan InFeed

1. Buat unit iklan baru

2. Masuk dashboard AdSense
Pilih Ads - Ad Unit - Klik + New Ad Unit pilih unit iklan in-Feed Ad

3. Pilih create ad style manually layout sesuai template, seperti gambar dibawah ini.

4. Beri nama, lalu SAVE AND GET CODE

5. Simpan kode yang muncul.

Memasang iklan infeed di Blogger

• Masuk akun blogger
• Pilih Tema > Edit HTML
• Cari kode dibawah ini:

<b:includable id='main' var='top'> dan <b:loop values='data:posts' var='post'>

Kode lengkapnya seperti dibawah ini:

<b:includable id='main' var='top'>
  ...
  ...
  <b:loop values='data:posts' var='post'>
    ...
    ...
  </b:loop>
  ...
  ...
</b:includable>

• Tambahkan index="infeed" di dalam <b:loop values='data:posts' var='post'> seperti dibawah ini:

<b:loop values='data:posts' var='post' index='infeed'>

• Cari kode <div class='date-outer'>

Jika tidak ada ganti dengan kode berikut <div class='post-outer'> karena tiap template pasti berbeda, pilih HTML yang merupakan class dari post utama di homepage.

Tambahkan kode berikut tepat dibawah kode yang ada di langkah sebelumnya.

<b:if cond='data:view.isMultipleItems'>
  <b:if cond='data:infeed == 2'>
    <div class='post'>
    <!-- Kode Iklan InFeed -->
    </div>
    &lt;/div&gt; &lt;div class=&quot;date-outer&quot;&gt;
  </b:if>
</b:if>

Ganti <!-- Kode Iklan InFeed -->  dan data:infeed == 2 . 

Untuk menentukan posisi iklan. Misalnya angka 2 artinya iklan akan muncul setelah postingan ke-2, ganti sesuai selera lalu simpan.

Kode lengkap dari langkah diatas seperti dibawah ini:

<b:includable id='main' var='top'>
  ...
  ...
  <b:loop values='data:posts' var='post' index='infeed'>
    <div class='date-outer'>
      <b:if cond='data:view.isMultipleItems'>
        <b:if cond='data:infeed == 2'>
          <div class='post'>
          <!-- Tulis Kode Iklan InFeed Disini -->
          </div>
          &lt;/div&gt; &lt;div class=&quot;date-outer&quot;&gt;
        </b:if>
      </b:if>
    </div>
  </b:loop>
  ...
  ...
</b:includable>

Demikian tutorial cara memasang iklan InFeed di antara postingan blogger. Selamat mencoba.