oleh

Cara membuat Unit Iklan AMP Kompatible

Cara yang akan di bicarakan pada panduan ini akan menunjukkan cara membuat unit iklan yang kompatibel dengan AMP guna untuk menampilkan iklan AdSense pada halaman AMP situs anda.
Unit iklan AMP AdSense ini dapat saja berupa iklan yang responsif dan atau yang berukuran tetap, namun sebaiknya anda gunakan unit iklan AMP yang responsive, alasannya adalah, Unit iklan AMP yang responsif akan mengubah ukurannya secara otomatis pada blog untuk perangkat yang menampilkannya dan menggunakan lebar maksimal pada layar pengguna apapun jenisnya. Google senantiasa mengoptimalkan ukuran atau dimensi iklan untuk memastikannya dapat berperforma baik di halaman situs anda.

Semua fitur AdSense, misalnya mengontrol pemblokiran, fasilitas saldo iklan, laporan iklan akan mendukung iklan AMP. Sebelum memulainya, sebaiknya anda pastikan telah menambahkan skrip AMP yang di pasang atau di perlukan pada halaman yang di inginkan unuk menampilkan iklan AMP. Untuk menambahkan skrip yang di maksud, copy-paste-kan kode berikut ini di antara tag <head></head> pada HTML AMP situs anda, yaitu :

<script async custom-element=”amp-ad” src=”https://cdn.ampproject.org/v0/amp-ad-0.1.js”></script>

Skrip ini akan memuat library amp-ad yang di perlukan untuk menampilkannya, tapi tidak menyebabkan iklan muncul di halaman AMP dengan sendirinya secara otomatis, untuk menampilkan iklan, anda juga perlu menambahkan kode iklan yang kompatibel dengan AMP padda situs anda, anda dapat juga membaca selengkapnya tentang komponen amp-ad di s: https://www.ampproject.org/docs/reference/components/amp-ad
Membuat unit iklan AMP yang responsif saat ini dengan cara menggunakan proses manual dan memerlukan langkah-langkah sebagai berikut ini :
– Buatlah unit iklan responsif yang baru pada akun AdSense anda.
– Dalam kode iklan untuk unit iklan responsif yang anda buat tadi pada langkah pertama dan temukan lalu catat informasi berikut ini :
– ID penayang, yaitu data-ad-client, misalnya adalah dengan kode ca-pub-1234567891234567.
– ID unit iklan, yaitu data-ad-slot, misalnya adalah dengan kode 1234567890.
Contohnya adalah :
<script async src=”//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js”></script><ins class=”adsbygoogle”
style=”display:inline-block;width:120px;height:600px”
data-ad-client=”ca-pub-1234567891234567″
data-ad-slot=”1234567890″></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

Selanjutnya membuat kode iklan AMP, salin kode iklan berikut dan ganti nilai data-ad-client dan data-ad-slot dengan nilai pada situs anda sendiri, yaitu :
<amp-ad width=”100vw” height=320
type=”adsense”
data-ad-client=”ca-pub-1234567891234567″
data-ad-slot=”1234567890″
data-auto-format=”rspv”
data-full-width>
<div overflow></div>
</amp-ad>

Sangat di sarankan agar anda tidak mengubah bagian lain dari kode iklan di atas karena dapat menyebabkan kode iklan berhenti berfungsi.
Tempelkan kode iklan AMP ke dalam kode sumber HTML pada halaman seluler tempat anda ingin menampilkan iklan, perhatikan bahwa paruh atas dan paruh bawah adalah penempatan iklan yang dapat di terima, jangan lupa bahwa kebijakan program AdSense masih berlaku untuk halaman yang berisi unit iklan AMP.
Pastikan juga anda tidak menempatkan kode iklan di dalam penampung induk (<div>, <iframe>, etc) dengan tinggi yang tetap atau terbatas atau ukuran iklan anda dapat berubah dan merusak tata letak halaman, sehingga terlihat berantakan bahkan jadi berukuran besar.
Setelah menempatkan kode iklan AMP, sebaiknya uji iklan tersebut di berbagai perangkat seluler untuk memastikan bahwa iklan responsif dan berfungsi dengan baik, saat melihat iklan di halaman AMP anda sendiri, mungkin akan terjadi penundaan sebelum iklan mulai di tampilkan, karena AMP memprioritaskan konten terlebih dahulu, pelajarilah lebih lanjut tentang cara halaman AMP di-cache.
Untuk kasus penggunaan lanjutan lainnya, anda dapat menentukan gaya elemen iklan AMP seperti elemen AMP lainnya, lihat juga selalu Laporan platform konten untuk melacak performa unit iklan AMP.

Komentar

Tinggalkan Balasan Anda dan Terima Kasih Atas Kunjungannya...

Artikel Terbaru