Mengatasi Iklan Adsense Blank Pada Tampilan Desktop blog AMP

Mengatasi Iklan Adsense Blank Pada Tampilan Desktop blog AMP

Mengatasi Iklan Adsense Blank - Jika kalian menggunakan AMP HTML tentu akan ada kendala salah satunya adalah iklan adsense yang punya blog saya alami dimana saya coba cek pakai laptop teman saya itu tidak tampil alias blank, akan tetapi pada tampilan mobile iklan yang ada pada blog ini tampil seperti biasa. 

Akan tetapi pada saat di akses melalui PC atau Desktop iklan adsense ada beberapa yang blank, tentu ini akan membuat pendapatan menjadi berkurang karena hanya iklan tampil pada tampilan mobile saja akan tetapi tidak tayang pada tampilan mobile. 

Walaupun ada beberapa iklan yang tayang pada tampilan dasktop yaitu iklan yang ada di dalam artikel, akan tetapi ada iklan yang tidak tayang misalnya aja pada sidebar template ini. 

Akhirnya saya coba cari di Kompiajaib akhirnya menemukan caranya untuk mengatasi iklan tidak tampil pada desktop. 


Penyebab Iklan Adsense Tidak Tampil

Ternyata ada beberapa faktor yang memperngaruhi kenapa iklan tidak tayang pada tampilan desktop ini yaitu iklan Responsive yang menggunakan elment fixed-height.

Sekarang google adsense sudah support unit iklan fixed-height ini entah kanapa penyebab nya, padahal unit iklan tersebut membuat tampilan akan menjadi lebih rapih saat membuka tampilan pada desktop.


Memperbaiki Iklan Blank Pada AMP HTML

Agar bisa tayang lagi iklan tersebut tentu yang harus dilakukan adalah menggantikan fixed-height dengan ukuran tertentu misalnya dengan menggunakan iklan jenis responsive. 

Berikut ini adalah beberapa kode yang bisa kalian gunakan agar iklan bisa tayang pada tampilan desktop, kode ini saya ambil dari Kompiajaib dan saya gunakan pada blog saya ini dan alhamdulillah masih bisa hingga sekarang ini. 


Iklan di Header

<amp-ad data-ad-client='ca-pub-xxxxxxxxxxxxxx' data-ad-slot='xxxxxxxx' data-full-width='' height='90' media='(min-width: 1025px)' type='adsense' width='970'/>
<amp-ad data-ad-client='ca-pub-xxxxxxxxxxxxxx' data-ad-slot='xxxxxxxx' data-full-width='' height='90' media='(max-width: 1024px) and (min-width: 737px)' type='adsense' width='728'/>
<amp-ad data-ad-client='ca-pub-xxxxxxxxxxxxxx' data-ad-slot='xxxxxxxx' data-full-width='' height='60' media='(max-width: 736px) and (min-width: 601px)' type='adsense' width='468'/>
<amp-ad data-ad-client='ca-pub-xxxxxxxxxxxxxx' data-ad-slot='xxxxxxxx' data-auto-format='rspv' data-full-width='' height='320' media='(max-width: 600px)' type='adsense' width='100vw'>
  <div overflow=''/>
</amp-ad>

Iklan di Sidebar

<amp-ad data-ad-client='ca-pub-xxxxxxxxxxxxxx' data-ad-slot='xxxxxxxx' data-full-width='' height='600' type='adsense' width='300'>
</amp-ad>

Atau

<amp-ad data-ad-client='ca-pub-xxxxxxxxxxxxxx' data-ad-slot='xxxxxxxx' data-full-width='' height='600' type='adsense' width='160'>
</amp-ad>

Atau

<amp-ad data-ad-client='ca-pub-xxxxxxxxxxxxxx' data-ad-slot='xxxxxxxx' data-full-width='' height='250' type='adsense' width='300'>
</amp-ad>

Iklan di Atas dan Bawah Post

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

Atau

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

Unit Iklan Link

Untuk unit iklan link masih bisa pakai layout fixed-height seperti berikut.

<amp-ad data-ad-client='ca-pub-xxxxxxxxxxxxxx' data-ad-slot='xxxxxxxx' data-auto-format='rspv' data-full-width='' height='250' layout='fixed-height' media='(min-width: 737px)' type='adsense'/>
<amp-ad data-ad-client='ca-pub-xxxxxxxxxxxxxx' data-ad-slot='xxxxxxxx' data-auto-format='rspv' data-full-width='' height='320' media='(max-width: 736px)' type='adsense' width='100vw'>
  <div overflow=''/>
</amp-ad>

Unit Iklan Matched Content

<amp-ad data-ad-client='ca-pub-xxxxxxxxxxxxxx' data-ad-format='autorelaxed' data-ad-slot='xxxxxxxx' data-full-width='' height='700' layout='responsive' media='(min-width: 601px)' type='adsense' width='700'/>
<amp-ad data-ad-client='ca-pub-xxxxxxxxxxxxxx' data-ad-slot='xxxxxxxx' data-auto-format='mcrspv' data-full-width='' height='320' media='(max-width: 600px)' type='adsense' width='100vw'>
  <div overflow=''/>
</amp-ad>

Untuk ukuran unit iklan matched content untuk tampilan desktop (kode yang atas) ini silahkan bisa coba rubah dan sesuaikan ukurannya, yang penting perbandingan 1:1 atau 4:3.

Post a Comment for "Mengatasi Iklan Adsense Blank Pada Tampilan Desktop blog AMP"