Cara Memasang Page-Level Ads Google Adsense di Blog Template AMP Platform Blogger

Iklan Page-Level Ads dalam Adsense sebenarnya merupakan fitur baru yang menampilkan iklan hanya pada via mobile bagi pemilik blog yang telah mengaktifkannya. Munculan iklan tersebut akan muncul pada bagian bawah halaman mobile.

Namun sayangnya untuk pengguna template AMP kebingungan bagaimana menerapkannya pada template blognya, karena mereka takut jikalau script yang disediakan pihak adsense dapat menyebabkan halaman jadi tidak valid AMP.

Karena kalian sudah mampir di artikel ini, jadi akan saya beri tau tutorialnya dan ini juga jelas valid AMP.


Cara ini tidak melanggar aturan Adsense (baca: Tips untuk Iklan di Halaman AMP oleh pihak Ampproject.org) dan sebagai alternatif karena pihak Adsense sendiri tidak menyediakan solusinya (hingga tulisan ini terbit).

Langsung saja yuk!

Ikuti langkah-langkah pasang iklan adsense page-level ads ini dengan runtut dan teliti:

1. Copy paste kode ini ke bagian <head> ... </head> edit HTML:
<script async='async' custom-element='amp-sticky-ad' src='https://cdn.ampproject.org/v0/amp-sticky-ad-1.0.js'/>

2. Copy paste kode berikutnya di atas </body>
<b:if cond='data:blog.isMobileRequest == &quot;true&quot;'>
<amp-sticky-ad layout='nodisplay'>
<amp-ad
data-ad-client='ca-pub-1234567891234567'
data-ad-slot='1234567890'
height='50'
type='adsense'
width='320'>
</amp-sticky-ad>
</b:if>

Note! Ganti nomor data-ad-client dan data-ad-slot sesuai dengan nomor publisher dan slot iklan kalian

3. Jika sudah, Simpan dan silakan cek munculannya di HP kalian masing-masing

Bagaimana, mudah sekali bukan?

Baca juga:


Semoga bermanfaat, Amin!

Referensi: ampproject.org

Post Terkait:

Open Comments Close Comments

This site uses cookies from Google to deliver its services, to personalise ads and to analyse traffic. Information about your use of this site is shared with Google. By using this site, you agree to its use of cookies. Learn more