Skip to main content
Ivhaa Design

follow us

Cara Memasang Kode Iklan Responsive Adsense di Blog AMP

Pada artikel kali ini saya akan memberikan tutorial lagi buat kalian, Cara Memasang Kode Iklan Responsive Adsense di Blog AMP (Soure : Kompi Ajaib)

Baca juga:



Pada waktu lalu saya baru daftar adsense, tak selang beberapa hari langsung full aprove jika kalian ingin tau caranya agar bisa di terima google adsense bisa baca artikel saya Rahasia Di Terima Google Adsense. Setelah beberapa hari saya dapat pemberitahuan di Dashboard google adsense di suruh memasang iklan google adsense responsive di blog, kodenya seperti ini.
<amp-ad width="100vw" height="320"
     type="adsense"
     data-ad-client="ca-pub-3597723085513015"
     data-ad-slot="8128208329"
     data-auto-format="rspv"
     data-full-width="">
  <div overflow=""></div>
</amp-ad>
Namanya juga masih nyubi tentang google adsense, akhirnya coba browser lewat smartphone cari tutorial nya, akhirnya ketemu. Pada artikel kali ini saya akan memberikan tutorial lagi buat kalian, Cara Memasang Kode Iklan Responsive Adsense di Blog AMP (Soure : Kompi Ajaib).


Mangkin orang awam masih bingung menaruh kode iklan nya dimana, karena iklan tersebut hanya berlaku untuk tampilan mobile saja. Jika di pasang juga harus ganti beberapa kode HTML agar di tampilan desktop tidak berantakan.

Terus bagaimana solusinya?? Disini kita akan memasang 2 jenis iklan dengan slot yang sama yaitu versi mobile dan versi desktop. Iklan yang akan tampil hanya ada di desktop aja serta mobile aja.

Silahkan Gunakan Kode berikut ini
<b:if cond='data:blog.isMobileRequest == &quot;false&quot;'>
<!-- kode iklan ini tampil hanya di desktop saja -->
<amp-ad data-ad-client='ca-pub-1234567890' data-ad-slot='1234567890' height='250' layout='fixed-height' type='adsense'>
</amp-ad>
</b:if>
<b:if cond='data:blog.isMobileRequest == &quot;true&quot;'>
<!-- kode iklan ini tampil hanya di mobile saja -->
<amp-ad data-ad-client='ca-pub-1234567890' data-ad-slot='1234567890' data-auto-format='rspv' data-full-width='' height='320' type='adsense' width='100vw'>
  <div overflow=''/>
</amp-ad>
</b:if>
Dengan ini iklan di desktop tidak akan berubah sedangkan di mobile akan full mobile, jadi tidak merusak iklan yang di desktop.

Semoga bermanfaat.

You Might Also Like:

Comment Policy: Silahkan tuliskan komentar Anda yang sesuai dengan topik postingan halaman ini. Komentar yang berisi tautan tidak akan ditampilkan sebelum disetujui.
Buka Komentar