Lompat ke konten Lompat ke sidebar Lompat ke footer

Pasang Iklan Melayang Versi AMP ( iklan Page Level AMP) Di Blogspot

wonkdesain.com | Page-Level Ads adalah iklan melayang di bagain bawah maupun di atas, yang biasanya bisa di setting di dasbord adsense. tapi untuk AMP tidak bisa karna tidak bisa menggunakan Javascript. Tapi semuanya bisa di atasi. Page-level amp


Pasang Iklan Melayang Versi AMP

Pasang Iklan Melayang Di bawah Versi AMP ( iklan Page Level AMP) Di Blogspot

amp adalah salah satu program google untuk membuat kecepatan blog semakin tinggi, anjuran para blogger untuk menggunakan template yang seperti ini sudah lama di berikan, seperti dulu kita harus pakai template yang responsiv. Tapi setelah responsive sudah tidak efektif google memberikan program AMP.

AMP tidak bisa di samakan tampilan dengan template yang versi responsif atau yang lain, karna template yang versi AMP tidak menggunakan Javascript( kecuali javacript yang di legalkan), tapi tidak ada salahnya untuk di coba karna sangat prospek.

saya sendiri adalah pengguna AMP, tapi blognya tidak saya terapkan di blog wonkdesain.com (sudah tidak dikelola lagi) ini tapi saya terapkan di blog unlimod.com (sudah tidak dikelola lagi) , untuk membuat blog kalian menjadi amp, maka kalian harus memberikan perawatan lebih dari pada kalian mengurus blog.

Seperti untuk memasang iklan Page-Level, jika di blog yang Non AMP, itu pekerjaan yang gampang, cukup di setting di dasbor adsense, dalam sekejab iklan page-Level sudah tampil.

tapi di blog AMP kalian harus memberikan perhatian khusu, karna java script tidak di perbolehkan di sini. Di bawah ini cara menyiasatinya.

Copy dan Paste kode dibawah ini di atas </HEAD>

<b:if cond='data:blog.pageType != &quot;static_page&quot; and data:blog.isMobileRequest == &quot;true&quot; and data:blog.pageType != &quot;error_page&quot;'>
<script async='async' custom-element='amp-sticky-ad' src='https://cdn.ampproject.org/v0/amp-sticky-ad-1.0.js'/>
</b:if>

Buat unit iklan 300x250 di akun adsense kalian, Catat kode data-ad-client dan data-ad-slot di unit iklan yang sudah kalian buat.

setelah itu baru kode data-ad-client dan data-ad-slot yang kalian catat di masukan di data-ad-client dan data-ad-slot yang ada di kode di bawah ini: 

<b:if cond='data:blog.pageType != &quot;static_page&quot; and data:blog.isMobileRequest == &quot;true&quot; and data:blog.pageType != &quot;error_page&quot;'>
<amp-sticky-ad layout='nodisplay'>
    <amp-ad data-ad-client='ca-pub-xxxxxxxxxxxx' data-ad-slot='xxxxxxxxxx' height='50' type='adsense' width='320'>
 </amp-ad>
  </amp-sticky-ad>
  </b:if>

Contoh kode data-ad-client dan data-ad-slot 273839440 dan 538393939393 maka akan menjadi 


<b:if cond='data:blog.pageType != &quot;static_page&quot; and data:blog.isMobileRequest == &quot;true&quot; and data:blog.pageType != &quot;error_page&quot;'>
<amp-sticky-ad layout='nodisplay'>
    <amp-ad data-ad-client='ca-pub-273839440' data-ad-slot='538393939393' height='50' type='adsense' width='320'>
 </amp-ad>
  </amp-sticky-ad>
  </b:if>



dan iklan muncul di perangkat android, tidak akan muncul di perangkat desktop atau halaman error.

dan lihat bagaimana jadinya.
Sumber: kompiajaib.com