
Sesuai 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 memasang jenis iklan in-feed antara lain:
- Lebih user friendly karena penampilannya yang sama dan menyatu dengan template blog.
- Penempatan iklan yang unik yaitu di antara artikel di halaman utama menjadikannya menarik di mata pengunjung sehingga meningkatkan potensi klik.
- Sangat ideal untuk tampilan mobile karena dapat memaksimalkan ruang pada layar yang lebih kecil.
- Lebih leluasa untuk diedit dibanding jenis iklan biasa agar tampilannya bisa sesuai dengan layout blog.
- Menggunakan elemen iklan berkualitas tinggi sehingga tampilan visual lebih bagus.
Cara Buat Unik Iklan InFeed AdSense
1. Buatlah unit iklan InFeed baru. Caranya masuk ke dashboard akun AdSense »Ads
» Ad units
» klik tombol +New ad unit.
2. Pilih tipe iklan
In-feed ads
.
3. Pilih
Create ad style manually
agar lebih leluasa menentukan tampilannya. Lalu pilih jenis layout yang sesuai dengan template blog. Di bawah ini saya contohkan Image above
. Lalu klik tombol Next.
4. Berikan nama untuk unit iklan dan lakukan pengaturan lain untuk mengubah penampilannya. Setelah itu klik tombol SAVE AND GET CODE.

5. Setelah itu copy dan simpan kode yang muncul dan klik tombol I'M DONE.

Cara Pasang Iklan InFeed AdSense di Blogger
1. Setelah kode didapatkan, masuk ke dashboard akun Blogger dan buka menuTheme (Tema)
» 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 seperti ini:<b:loop values='data:posts' var='post' index='infeed'>

4. Lalu cari kode ini.
<div class='date-outer'>
OPSIONAL: kalau tidak ada gantilah cari kode 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>
</div> <div class="date-outer">
</b:if>
</b:if>
a. Ganti
b.
<!-- Tulis Kode Iklan InFeed Disini -->
dengan kode iklan infeed yang sudah dibuat di langkah awal.b.
data:infeed == 2
menentukan posisi iklan. Angka 2 artinya iklan akan muncul setelah postingan ke-2. Kamu bisa ganti sesuai keinginan.6. Jangan lupa simpan template. 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>
</div> <div class="date-outer">
</b:if>
</b:if>
</div>
</b:loop>
....
....
</b:includable>
Menampilkan Iklan InFeed Berulang
Pada contoh di atas iklan InFeed akan muncul setelah postingan ke 2. Jika ingin membuat iklan muncul SETIAP 2 postingan sekali, gantidata: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'>
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
Cara ini membuat kamu bisa menentukan sendiri dimana iklan akan muncul. Kode HTML cukup ditulis dua kali atau lebih. Contohnya begini.<b:if cond='data:infeed == 2'>
<div class='post'>
<!-- Tulis Kode Iklan InFeed Disini -->
</div>
</div> <div class="date-outer">
</b:if>
<b:if cond='data:infeed == 5'>
<div class='post'>
<!-- Tulis Kode Iklan InFeed Disini -->
</div>
</div> <div class="date-outer">
</b:if>
Artinya iklan infeed akan muncul setelah postingan ke-2 dan ke-5. Ganti angkanya sesuai keinginan. Dan jika ingin memunculkan lebih banyak tinggal tuliskan lagi kode HTMLnya.
Mantap, berhasil di terapkan di blog saya. Makasih udah share mbak.
BalasHapusMantap gan... thanks buat tutorialnya nya... visit balik gan
BalasHapusMakasih gan infonya sukses selalu
BalasHapusApakah cara ini bisa diterapkan pada template igniplex?
BalasHapusDi template contempo tag
BalasHapusKok ketemunya di widget arsip blog,bukan di widget blog post ya?
mantap
BalasHapuskak igniel kok ini gx bekerja ya untuk template yang menggunakan navigasi Load More, waktu di load iklannya gx muncul cuman muncul di bagian atas saja. tolong jawabannya ya kak igniel
BalasHapusIya bukan untuk navigasi dengan load more (tanpa reload)
HapusKo di tempat kak igniel bisa bekerja ya? Tutorialnya dong kak
Hapusmasih pemula saya mbbaa, seharian ngutak katik kode lumayan mubeng dan hente ketemu pisan, hihihihihi..
BalasHapusnice shering gan, salam bw
BalasHapuslangsung uncul tuh iklanya, hehe
kode iklan apa perlu di parse?
BalasHapusIya parse aja.
Hapusdi tema blog saya tidak terdapat kode" seperti yang di sebutkan diatas! ada solusi kah
BalasHapussemua lengkap di blog mas sugeg
HapusMohon minta tutorialnya pemasangan iklan in feed seperti di blog mbak ignie , soalnya tutorial diatas munculnya gak sama , sama dg iklan mbak ignie, mohon pencerahannya trima kasih
BalasHapusSama aja.
HapusSaya ingin iklan yg mbak pasang tidak mengikuti grid,gimana caranya mbak mohon pencerahanya ,persis seperti iklan in feed yg mbak pasang?terima kasih
HapusJawab mbak, tolong tutorialnya
HapusTerima kasih banyak, saya masih belajar taruh iklan adsense yang tepat
BalasHapuskalo bikin iiklan kaya di blog ini gmna kak? ada di antara artikel terkait di bawah postingan
BalasHapusItu namanya iklan matched content. Tinggal ambil kodenya di dashboard adsense.
Hapuspasang kode iklan nya dmna kak?
HapusDimana aja boleh sesuai posisi yang diinginkan.
HapusWow thanks tapi rumit banget yah newbee nh
BalasHapusIni cara terlengkapnya :)
BalasHapusSudah saya praktekkan dan tinggal menunggu beberapa menit untuk melihat hasilnya
Terimakasih :)
mantap mbak... sy cb langsung jd tanpa ada yg eror dlu..
BalasHapusKok punyaku malah muncul di post ya gan?
BalasHapusSudah saya terapkan di blog saya gan, terima kasih sharingnya. Sangat bermanfaat.. Sukses ya gan...
BalasHapusmantap
BalasHapusThis is not working on the igniplex template
BalasHapusDi template fiksioner 2 kode dibawah ini tidak ada..
BalasHapusYang outer sama main var' top
BalasHapusBisa untuk Igniplex juga kan? 😁
BalasHapusSaya sudah coba memasukkan kode dan save kode html.. tetapi kok gk muncul ya pada feed?
BalasHapusSaya cek lagi kodenya index='infeed' pasti selalu berubah pindah kedepan menjadi
Saya edit kembali berulang ulang selalu kembali seperti itu setiap habis saya save.. apakah itu normal, atau ada cara lainnya?
Aku pake masonry, gimana pasang ads nya teh?
BalasHapusKalo untuk blog layout V3 apakah bisa diletakkan kode ini mba ?
BalasHapusSemua template yang dibuat blog Igniel sudah pakai layout v3 dan widget v2 terbaru.
HapusPengujian di lakukan di template-template tersebut.
Jadi, ya, bisa.
kok saya gak nemu yah?
BalasHapusbang saya gak nemu includable main var top nya
BalasHapusmbak igniel sekali terima kasih terima kasih atas informasi yang diberi, sangat sangat membantu. Jazakillah mbakk
BalasHapusTerima Kasih banyak, ini artikel yang sangat saya cari
BalasHapus