panduan lengkap pasang iklan AdSense valid AMP
mrghonie.com : assalamualaikhum, hay temen temen kembali lagi dengan saya mrghonie, pada kesempatan kali ini mrghonie akan membahas mengenai Panduan Lengkap cara pasang iklan AdSense di blog AMP
sesuai janji saya, spesial buat temen saya kemaren request tutorial atau sebuah cara bagaimana memasang iklan di Blog AMP.
nhah, dari situlah saya membuat artikel mengenai Panduan Lengkap Pasang Artikel Di blog Adsense.
perlu anda ketahui bahwa untuk Cara Pasang Iklan AdSense di Blog AMP dengan BLOGGER biasa seperti pada umumnya, bahkan jauh perbedaannya, sebab fitur dari AdSense khusus blog amp itu belum Lengkap Sehingga anda harus pasang iklan secara manual.
Bagi anda yang menggunakan template AMP maka sudah seharusnya anda tahu cara pasang iklan, bukan hanya Blog Home saja yang Valid AMP tapi semuanya harus valid dari Home, postingan, pasang iklan juga, halaman juga.
sebelum saya lanjut, ada baiknya saya mengulas sedikit perbedaan antara Blog AMP dan Bog biasa.
Perbedaan Blog AMP Dan Blog Biasa
BLOG AMP : Dari blog AMP tentu kalian sudah mengerti artinya yaitu Acceleration Mobile Page, tentu yang paling diutamakan adalah kecepatan pada loading website,
sehingga para visitor merasa betah sebab blognya enteng bahkan tanpa loading.
namun akan sedikit lebih sulit untuk cara membuat artikel yang valid amp.
BLOG BIASA : Dari blog biasa untuk kecepatan loading dibanding AMP itu sangatlah jauh. semua javascript support buat dipasang di blog biasa, postinganya pun terhitung lebih mudah, nggak sesulit dari Blog AMP.
Panduan yang saya sediakan dibawah ini merupaka iklan yang tampil juga di desktop bukan hanya di versi mobile juga, gimana keren kan ? namun iklan dibawah ini tetep valid amp. no error.
setidaknya anda tahu dasar dasarnya saja. back to topik
PASANG JAVASCRIP AD AMP ( penting ! )
sebelum anda menambahkan kode iklan di dalam artikel perlu anda lakukan pasang javascript di bawah ini di antara <head>...</head>
<script async='async' custom-element='amp-ad' src='https://cdn.ampproject.org/v0/amp-ad-0.1.js'/>
PANDUAN LENGKAP CARA PASANG IKLAN DI BLOG VALID AMP
1. PASANG IKLAN AMP TEPAT DIBAWAH JUDUL
-Siapkan Iklan Responsiv dari AdSense jika belum, buat unit iklan dulu
-masuk Dashboard blogger
-klik tema Edit HTML
-cari <data:post.body/> yang nomer 3, gunakan search box dengan cara klik ctrl+f
-copy script dibawah ini
<b:if cond='data:blog.isMobileRequest == "true"'>
<!-- kode iklan di atas artikel AMP -->
<amp-ad data-ad-client='ca-pub-xxxxxxxxxxxxxxx' data-ad-slot='xxxxxxxxx' data-auto-format='rspv' data-full-width='' height='320' type='adsense' width='100vw'>
<div overflow=''/>
</amp-ad>
<b:else/>
<!-- kode iklan di atas artikel bukan AMP -->
<amp-ad data-ad-client='ca-pub-xxxxxxxxxxxxxxx' data-ad-slot='xxxxxxxxx' height='250' layout='fixed-height' type='adsense'>
</amp-ad>
</b:if>
-jika sudah maka pastekan script diatas tepat di atas <data:post.body/>
-tekan tombol save
BACA JUGA : Cara Memasang Iklan Page Level Ads Valid AMP
1.Siapkan Iklan Responsiv dari AdSense jika belum, buat unit iklan dulu
2.masuk Dashboard blogger
3.klik tema Edit HTML
4.cari <data:post.body/> yang nomer 3, gunakan search box dengan cara klik ctrl+f
5.copy script dibawah ini
<b:if cond='data:blog.isMobileRequest == "true"'>
<!-- kode iklan di bawah artikel AMP -->
<amp-ad data-ad-client='ca-pub-xxxxxxxxxxxxxxx' data-ad-slot='xxxxxxxxx' height='250' layout='fixed-height' type='adsense'>
</amp-ad>
<b:else/>
<!-- kode iklan di bawah artikel bukan AMP -->
<amp-ad data-ad-client='ca-pub-xxxxxxxxxxxxxxx' data-ad-slot='xxxxxxxxx' height='250' layout='fixed-height' type='adsense'>
</amp-ad>
</b:if>
sampai sini anda sudah selesai membuat iklan dibawah artikel dan diatas artikel
sekian artikel Cara Membuat Iklan Di Blog AMP apabila anda mengalami kesulitan silahkan komentar di kolom komentar yang sudah saya sediakan dibawah ini.