Panduan AdSense untuk membuat kode iklan yang kompatibel dengan AMP.Laman Seluler Dipercepat (Accelerated Mobile Pages/AMP) adalah sebuah proyek sumber terbuka yang bertujuan untuk membuat web seluler yang lebih baik dengan membangun laman konten yang merender dengan cepat.
Jika ingin menampilkan iklan AdSense pada laman AMP, panduan ini akan menunjukkan cara untuk membuat unit iklan yang kompatibel dengan AMP.
Laman AMP ditulis dalam HTML AMP, yang mirip dengan HTML standar dengan beberapa pembatasan demi kinerja yang andal dan beberapa ekstensi untuk membangun konten yang lebih kaya dari HTML biasa. Ini artinya unit iklan AMP membutuhkan tag iklan yang berbeda dari tag AdSense biasa.
Untuk membuat unit iklan AMP, ikuti langkah-langkah berikut ini:
Anda akan membutuhkan kedua nilai ini untuk menghasilkan kode iklan yang kompatibel dengan AMP.
Laman AMP ditulis dalam HTML AMP, yang mirip dengan HTML standar dengan beberapa pembatasan demi kinerja yang andal dan beberapa ekstensi untuk membangun konten yang lebih kaya dari HTML biasa. Ini artinya unit iklan AMP membutuhkan tag iklan yang berbeda dari tag AdSense biasa.
Untuk membuat unit iklan AMP, ikuti langkah-langkah berikut ini:
1. Membuat unit iklan responsif
Buat unit iklan responsif di akun AdSense, dan catat informasi berikut dari kode iklan responsif:
Buat unit iklan responsif di akun AdSense, dan catat informasi berikut dari kode iklan responsif:
ID penayang (data-ad-client), misalnya, ca-pub-1234567891234567.
ID unit iklan (data-ad-slot), misalnya, 1234567890.
Anda akan membutuhkan kedua nilai ini untuk menghasilkan kode iklan yang kompatibel dengan AMP.
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-1234567891234567"
data-ad-slot="1234567890"
data-ad-format="auto"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
2. Membuat kode iklan AMP
Anda dapat memilih antara dua tipe kode iklan AMP, tergantung pada apakah Anda akan menempatkan unit iklan AMP di paro atas atau di paro bawah:
Untuk penempatan iklan di paro atas, kami merekomendasikan Anda untuk menggunakan unit iklan AMP dengan tinggi tetap.
Anda dapat memilih antara dua tipe kode iklan AMP, tergantung pada apakah Anda akan menempatkan unit iklan AMP di paro atas atau di paro bawah:
Untuk penempatan iklan di paro atas, kami merekomendasikan Anda untuk menggunakan unit iklan AMP dengan tinggi tetap.
Untuk hasil terbaik, tetapkan tinggi unit iklan pada nilai 100px dan buat lebar menjadi responsif sehingga dapat selaras dengan keseluruhan tata letak laman.
Paro AtasUntuk membuat unit iklan AMP dengan tinggi tetap 100 piksel, ganti nilai data-ad-client dan data-ad-slot dalam kode berikut dengan ID penayang Anda sendiri dan ID unit iklan dari langkah 1:
Paro BawahUntuk penempatan iklan yang kebanyakan di paro bawah, kami merekomendasikan Anda untuk menggunakan unit iklan AMP responsif dengan ukuran 300x250.
Paro AtasUntuk membuat unit iklan AMP dengan tinggi tetap 100 piksel, ganti nilai data-ad-client dan data-ad-slot dalam kode berikut dengan ID penayang Anda sendiri dan ID unit iklan dari langkah 1:
<amp-ad
layout="fixed-height"
height=100
type="adsense"
data-ad-client="ca-pub-1234567891234567"
data-ad-slot="1234567890">
</amp-ad>
Menggunakan opsi tata letak responsif AMP berarti unit iklan Anda akan secara otomatis mengubah ukuran sesuai dengan ukuran perangkat yang digunakan untuk menampilkan iklan.
Untuk membuat unit iklan AMP responsif dengan ukuran 300x250, ganti nilai data-ad-client dan data-ad-slot dalam kode berikut dengan ID penayang Anda sendiri dan ID unit iklan dari langkah 1:
3. Tempatkan kode iklan AMP di laman seluler Anda
Salin dan tempelkan kode iklan AMP ke kode sumber HTML di laman seluler tempat Anda ingin menampilkan iklan. Jangan lupa bahwa kebijakan program AdSense masih berlaku untuk laman yang berisi unit iklan AMP.
Untuk membuat unit iklan AMP responsif dengan ukuran 300x250, ganti nilai data-ad-client dan data-ad-slot dalam kode berikut dengan ID penayang Anda sendiri dan ID unit iklan dari langkah 1:
<amp-ad
layout="responsive"
width=300
height=250
type="adsense"
data-ad-client="ca-pub-1234567891234567"
data-ad-slot="1234567890">
</amp-ad>
3. Tempatkan kode iklan AMP di laman seluler Anda
Salin dan tempelkan kode iklan AMP ke kode sumber HTML di laman seluler tempat Anda ingin menampilkan iklan. Jangan lupa bahwa kebijakan program AdSense masih berlaku untuk laman yang berisi unit iklan AMP.
Setelah menempatkan kode iklan AMP, sebaiknya uji iklan di beberapa perangkat seluler yang berbeda untuk memastikan bahwa perilaku responsif berfungsi dengan baik.
Tambahkan skrip AMP yang diperlukan ke laman Anda
4. Salin dan tempelkan kode berikut di antara tag <head></head> HTML AMP Anda:
Tambahkan skrip AMP yang diperlukan ke laman Anda
4. Salin dan tempelkan kode berikut di antara tag <head></head> HTML AMP Anda:
<script async custom-element="amp-ad" src="https://cdn.ampproject.org/v0/amp-ad-0.1.js"></script>
Sumber:
https://support.google.com/adsense/answer/7183212?hl=id
https://support.google.com/adsense/answer/7183212?hl=id