Bagaimana Membuat Unit Iklan Adsense di Akhir atau Bawah Postingan Pada Blog AMP

Membuat unit iklan adsense di blog amp memang gampang-gampang susah, selain html nya yang berbeda dengan html non amp yang hanya tinggal parse kodenya, di blog amp script adsense tidak bisa digunakan karena seperti layaknya blog non AMP, namun di template AMP menjadi lebih sederhana.

(Baca Juga : Cara Membuat Unit Iklan Adsense Pada Template AMP)

Ada beberapa lokasi atau tempat di blog yang bisa anda gunakan untuk menempatkan unit iklan adsense di blog AMP, diantaranya ads-bawah post, ads-atas post, tengah post, billboard dan sidebar tergantung template anda dan juga tergantung selera, namun perlu diingat bahwa penempatan unit iklan adsense harus juga memperhatikan kebijakan iklan adsense.

(Baca Juga : Cara Membuat Iklan Billboard Mirip Youtube di Blog AMP)

Kali ini saya ingin membahas cara membuat unit iklan dibawah postingan, khusus bagi anda yang baru menggunakan template AMP.

Langkah pertama

Tambahkan css berikut dibawah ini di style amp-custom

/* CSS Untuk Iklan */
.leaderboard{width:100%;height:auto;text-align:center;margin:0 0 10px;padding:0}
.leaderboard img{width:100%;height:auto;}
.post-body .inline_wrapper{width:100%;height:auto;text-align:center;margin:0 0 10px;padding:0}
.post-body .inline_wrapper span{color:#999;font-size:10px;margin:0 auto 5px;display:block}
.iklan-bawahpost,.iklan-ataspost{width:100%;height:auto;text-align:center;padding:0;margin:10px auto 20px;}

Lalu tambahkan script html dibawah ini di <data:post.body/> kemungkinan kode tersebut terdapat beberapa di template anda, cari yang paling dekat dengan author atau script share-post

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='iklan-bawahpost'>
<!-- kode Iklan di atas post letakkan disini -->
<amp-ad data-ad-client='ca-pub-xxxxxxxxxxxxx' data-ad-slot='xxxxxxx' height='250' layout='fixed-height' type='adsense'>
 </amp-ad>
    </div>

Silahkan ganti kode data-ad-client dan data-ad-slot
Anda bisa membuat 2 unit iklan sekaligus, misalnya unit iklan gambar dan link.

Selamat mencoba

Reaksi:
Share this with short URL:

You Might Also Like:

Use parse tool to easy get the text style on disqus comments:
Show Parser Hide Parser