situs nonton bioskop online streaming film gratis sub indonesia situs poker online poker88 agen poker terpercaya
  1. bioskop online
  2. poker online
  3. poker88
  4. dewapoker
  5. 18dewa
  6. tunaspoker
  7. bigpoker88
  8. singapoker
  9. domino88
  10. 18dewapoker
  11. idn poker88
  12. big poker88
  13. bandar poker
  14. poker369
  15. slot online
  16. Tunas poker
  17. poker99
  18. Idn Poker
  19. 18Dewa

11/09/2019

Cara Bikin Iklan AdSense Responsive di Blogger AMP HTML

11/09/2019

Cara agar iklan AMP responsive full width di halaman AMP blogspot

Inovasi AdSense untuk publisher AMP HTML semakin baik. Beberapa waktu yang lalu, saya mendapatkan notifikasi untuk mengaktifkan iklan responsive khusus halaman AMP HTML.

Iklan responsif dianggap dapat meningkatkan nilai klik pada sebuah iklan website. Untuk itulah, membuat sebuah iklan responsive sangatlah penting bagi sebuah website.

Namun ketika saya ingin mengaktifkan dan menempatkan kode AdSense yang diberikan dari dashboard Google AdSense, ada masalah karena saya menggunakan platform Blogger. Kode tersebut tidak diterima oleh halaman blogger.

Akhirnya saya coba mempelajari kode tersebut, dan menemukan alternatif untuk memasang kode tersebut.

Namun, ada masalah lain ketika mencoba mengaktifkannya. Halaman blog saya justru rusak dan iklan malah tidak responsif.

Ternyata masalahnya, kode iklan AMP responsive tersebut hanya bisa diterima dan terbaca dengan baik di tampilan mobile. Dan jawaban masalah ini adalah mengakalinya dengan menggunakan tag conditional Blogger.

Cara Membuat Iklan AdSense Responsif untuk Blogger AMP


Dibawah ini adalah contoh kode yang diberikan Google di dashboard AdSense:

<amp-ad width="100vw" 
 height=320 type="adsense" 
 data-ad-client="ca-pub-1234567890004
 data-ad-slot="123456789" data-auto-format="rspv" data-full-width> 
 <div overflow></div>
</amp-ad>


Kode di atas tidak diterima di halaman xml Blogger.com, jadi saya coba mengkonversinya menjadi seperti di bawah ini:

<amp-ad data-ad-client='ca-pub-1234567890004
 data-ad-slot='123456789
 data-auto-format='rspv' 
 data-full-width='' height='320' media='(max-width: 736px)' type='adsense' width='100vw'>
 <div overflow=''/> 
</amp-ad>

Agar tampilan iklan bekerja dengan baik baik di dekstop dan tampilan mobile, silahkan gunakan kode iklan AMP di bawah ini:

<b:if cond='data:blog.isMobileRequest == &quot;false&quot; and not data:blog.searchQuery'>
<!-- desktop -->
<amp-ad data-ad-client='ca-pub-1234567890004'
data-ad-slot='123456789'
height='250' layout='fixed-height' type='adsense'>
</b:if>

<b:if cond='data:blog.isMobileRequest == &quot;true&quot; and not data:blog.searchQuery'>
<!-- AMP/mobile -->
<amp-ad data-ad-client='ca-pub-1234567890004'
data-ad-slot='123456789'
data-auto-format='rspv' data-full-width='' height='320' media='(max-width: 736px)' type='adsense' width='100vw'>
<div overflow=''/>
</amp-ad>
</b:if>

Silahkan copy kode diatas, dan tempatkan iklan responsif AMP tersebut sesuai yang anda inginkan. Jangan lupa untuk mengganti ad-client dan ad-slot sesuai iklan AdSense anda.

Semoga berguna :)