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 ini tapi saya terapkan di blog unlimod.com , 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

Berlangganan update artikel terbaru via email:

Belum ada Komentar untuk "Pasang Iklan Melayang Versi AMP ( iklan Page Level AMP) Di Blogspot"

Posting Komentar

Berkomentar lah dengan baik

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel