Cara Buat dan Memasang Iklan InFeed AdSense Di Blogger

Sesuai  dengan namanya, iklan InFeed (in feed) adalah jenis iklan yang akan tampil di dalam feed, atau lebih tepatnya di antara daftar artikel halaman depan Blogger.

Unit iklan ini akan menyesuaikan ukuran dan bentuknya dengan template blog. In-feed hanya menampilkan iklan dengan kualitas elemen tinggi yang berarti tampilan visualnya lebih menarik dibanding jenis iklan lain.

Keuntungan setelah memasang jenis iklan in-feed diantaranya:

1. Lebih user friendly karena penampilannya yang sama dan menyatu dengan template blog.
2. Penempatan iklan yang unik yaitu di antara artikel di halaman utama menjadikannya menarik di mata pengunjung sehingga meningkatkan potensi klik.
3. Sangat ideal untuk tampilan mobile karena dapat memaksimalkan ruang pada layar yang lebih kecil.
4. Lebih leluasa untuk diedit dibanding jenis iklan biasa agar tampilannya bisa sesuai dengan layout blog.
5. Menggunakan elemen iklan berkualitas tinggi sehingga tampilan visual lebih bagus.

Lantas Bagaimana Cara menerapkan Unit Iklan InFeed AdSense di Blogger

Berikut ini Langkahnya

1. Buatlah unit iklan InFeed baru. 

Caranya masuk ke dashboard akun AdSense 

1. Iklan
2. Menurut Unit Iklan 
3.  Klik Iklan dalam feed.

Ada dua pilihan Yaitu:

1. Biarkan Google menyarankan gaya DISARANKAN
2. Buat gaya iklan secara manual

Sebagai contoh kita pilih Buat Gaya Iklan secara manual agar lebih leluasa menentukan tampilannya. 

Kemudian pilih jenis layout yang sesuai dengan template blog. 

Selanjutnya klik tombol Berikutnya.

Berikan nama untuk unit iklan yang baru dan kemudian kita bisa melakukan pengaturan lain untuk mengubah penampilannya. 

Setelah selesai merubah tampilan  kemudian klik tombol simpan dan dapatkan kode.

Setelah muncul kodenya kemudian copy dan simpan kodenya yang muncul dan klik tombol Selesai.

Langkah Selanjutnya Cara Pasang Iklan InFeed AdSense di Blogger

Langkahnya sebagai Berikut :

1. Setelah kode didapatkan dan disimpan, Kemudian masuk ke dashboard akun Blogger dan kemudian buka menu Theme (Tema) Pilih Edit HTML.

2. Cari kode <b:includable id='main' var='top'> dan temukan kode 

<b:loop values='data:posts' var='post'> di dalamnya. 

Contohnya seperti ini:

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

3. Tambahkan index='infeed' di dalam <b:loop values='data:posts' var='post'> sehingga hasilnya menjadi seperti ini:

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

4. Kemudian cari kode berikut  ini :

<div class='date-outer'>

OPSIONAL: kalau tidak ada gantilah cari kode berikut ini :

<div class='post-outer'>

Kode setiap template biasanya berbeda. Pilih saja kode HTML yang merupakan class dari post utama di homepage.

5. Tambahkan kode berikut tepat di bawah kode yang ada di langkah sebelumnya.

<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>

Catatan:
Ganti <!-- Tulis Kode Iklan InFeed Disini --> dengan kode iklan infeed yang sudah dibuat di langkah awal.
data:infeed == 2 menentukan posisi iklan. Angka 2 artinya iklan akan muncul setelah postingan ke-2. sobat bisa ganti sesuai keinginan.
6. Selanjutnya Jangan lupa untuk simpan template. Contoh Kode lengkap dari semua langkah di atas kurang lebih seperti 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>

Menampilkan Iklan InFeed Secara Berulang

Caranya sebagai berikut:

1. Pada contoh di atas iklan InFeed hanya akan muncul setelah postingan ke 2 saja.
2. Jika ingin membuat iklan muncul Setiap 2 postingan sekali, ganti data:infeed == 2 menjadi data:infeed % 2 == 0 and data:infeed != 0

Kode lengkapnya seperti ini :

<b:if cond='data:infeed % 2 == 0 and data:infeed != 0'>

Catatan :

Angka 2 bisa diganti sesuai keinginan. Jika diubah menjadi 3 artinya iklan muncul setiap 3 postingan, dan seterusnya.

Menampilkan Iklan InFeed Lebih Dari Satu Secara Manual

Dengan cara ini sobat nantinya bisa menentukan sendiri dimana iklan akan muncul. Kode HTML cukup ditulis dua kali atau lebih. 

Contohnya berikut ini:

<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 cond='data:infeed == 7'>
  <div class='post'>
  <!-- Tulis Kode Iklan InFeed Disini -->
  </div>
  &lt;/div&gt; &lt;div class=&quot;date-outer&quot;&gt;
</b:if>

Catatan:

Iklan infeed akan muncul setelah postingan ke-2 dan ke-7. Ganti angkanya sesuai keinginan. Dan jika sobat ingin memunculkan lebih banyak tinggal tuliskan kembali kode HTMLnya seperti contoh diatas.

Semoga bermanfaat. Terima Kasih Atas kunjungannya. Selamat menerapkan Iklan Infeednya semoga berhasil supaya muncul iklanya kode iklanya di parse terlebih dahulu.

Alat Parse HTML Untuk Blogger XML