Cara Membuat Unit Iklan Adsense In-Feed Blog AMP

Pastinya anda pernah melihat iklan adsense yang terletak di postingan utama, seperti pada blog sayadan bagi publisher adsense hal ini bisa meningkatkan klik dan penghasilan dari tampilan lama, banyak artikel yang membahas tentang cara memasang iklan in-feed adsense di blog, namun masih sedikit yang menulis tutorial memasang iklan adsense in-feed di blog AMP HTML, saya mencoba membahasnya, semoga work 100%, script dan cara ini saya ambil dari template AMP yang saya gunakan.

Langkah Pertama

• Masuk ke akun adsense anda, dan pilih unit iklan baru
• Pilih unit iklan in-feed
• Sesuaikan pengaturan iklan feed sesuai dengan posting utama anda
• Sesuaikan pengaturan iklan in-feed anda, warna,font,button dan lainnya

Langkah Kedua
Cari kode dibawah ini

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

Ada beberapa kode seperti diatas cari yang dekat <div class='post-outer'>

Tambahk index = 'x' hingga menjadi seperti ini

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

Atau bisa diganti dengan kode dibawah ini

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

Selanjutnya cari kode dibawah ini

 <div class='post-outer'>

Tambahkan kode dibawah ini, tepat dibawah kode diatas

<b:include data='post' name='post'/>
<b:include cond='data:blog.pageType in {&quot;static_page&quot;,&quot;item&quot;}'
</div>
<b:if cond='data:blog.pageType != &quot;static_page&quot; and data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:x==0'>
<b:include data='top' name='ads-blog'/>
</b:if>
<b:if cond='data:x==4'>
<div class='post-outer'>
<div class='post'>
<div class='ads-blog'>
<span>Advertisement</span>
<amp-ad data-ad-client='ca-pub-9444xxxxxxxxxxxx' data-ad-slot='46xxxxxxxxxx' height='350' layout='responsive' type='adsense' width='333'>
</amp-ad>
</div>
</div>
</div>
</b:if>
<b:if cond='data:x==6'>
<div class='post-outer'>
<div class='post'>
<div class='ads-blog'>
<span>Advertisement</span>
<amp-ad data-ad-client='ca-pub-9444xxxxxxxxxxxx' data-ad-slot='46xxxxxxxxxx'  height='350' layout='responsive' type='adsense' width='333'></amp-ad>
</div>
</div>
</div>
</b:if>
</b:if>

Ganti data-ad-client dan data-ad-slot sesuai dengan akun adsense anda,  <b:if cond='data:x==6'> adalah penempatan iklan pada postingan utama, misalnya postingan utama anda ada 12, berarti posisi iklan berada di sebelum postingan ke 6 silahkan sesuaikan dengan keinginan,
Selamat mencoba, semoga work 100%, dan silahkan berbagi di komentar.

Share :