Tuesday, July 11, 2017

Cara Memasang In-Feed Ads Google AdSense

Setelah beberapa waktu jarang update di blog ini pada kesempatan ini Arlina Design akan berbagi cara pemasangan dari fitur terbaru Google AdSense, yaitu fitur unit iklan In-Feed Ads yang bisa sobat pasang di blog. Unit iklan ini cukup menarik, karena akan dipasang diantara daftar artikel mengikuti bentuk layout postingan yang bisa disesuaikan.

Cara Memasang In-Feed Ads Google AdSense

Bagi yang ingin menambahkan fitur ini bisa sobat ikuti langkah sederhana berikut ini.

Cara Memasang In-Feed Ads Google AdSense


Pertama, buka dasbor Google Adsense Anda. Klik menu My ads > Content > Ad units > Kemudian klik tombol Unit iklan baru

Cara Memasang In-Feed Ads Google AdSense

Selanjutnya pilih in-feed ads

Cara Memasang In-Feed Ads Google AdSense

Pada langkah selanjutnya silakan pilih salah satu jenis tampilan sesuai dengan blog sobat

Cara Memasang In-Feed Ads Google AdSense

Setelah memilih salah satu jenis tampilan, pada langkah selanjutnya sobat perlu melakukan penyesuaian tampilan dari unit iklan

Cara Memasang In-Feed Ads Google AdSense

Setelah selesai melakukan pengaturan tampilan iklan, klik tombol SAVE AND GET CODE

Cara Memasang In-Feed Ads Google AdSense

Langkah selanjutnya, buka dasbor Blogger > Tema > Klik tombol Edit HTML > Cari kode di bawah ini

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

Tambahkan index='x' di dalamnya jadi seperti ini

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

Catatan :

Tambahkan index='x' hanya pada kode <b:loop values='data:posts' var='post'> yang ada di dalam kode ini

<b:includable id='main' var='top'>...</b:includable>

Selanjutnya cari kode ini

<div class='post-outer'>

Tambahkan kode di bawah ini tepat di bawah kode pada langkah di atas

<b:if cond='data:blog.pageType != &quot;static_page&quot; and data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:x==1'>
<div class='post'>
YOUR CODE SCRIPT NATIVE ADS
</div>
</b:if>
<b:if cond='data:x==3'>
<div class='post'>
YOUR CODE SCRIPT NATIVE ADS
</div>
</b:if>
</b:if>

Maka hasilnya akan seperti ini

<div class='post-outer'>...</div>
<b:if cond='data:blog.pageType != &quot;static_page&quot; and data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:x==1'>
<div class='post'>
YOUR CODE SCRIPT NATIVE ADS
</div>
</b:if>
<b:if cond='data:x==3'>
<div class='post'>
YOUR CODE SCRIPT NATIVE ADS
</div>
</b:if>
</b:if>

Ganti YOUR CODE SCRIPT NATIVE ADS dengan kode iklan In-Feed Ads, simpan template.