Cara Membuat Kode Unit Iklan Adsense Google Valid AMP

Sebelumnya Template AMP ( Accelerated Mobile Pages ) adalah sebuah open source project yang bertujuan untuk memperlancar pengguna seluler saat mengunjungi situs anda lebih cepat ketika diakses dari smartphone. Halaman template ini  ditulis dalam HTML AMP, yang mirip dengan HTML template standart 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.

Nah script Unit AMP ini sangat berbeda dengan script Unit iklan adsense oleh google biasanya karena memiliki keterbatasan yang bertujuan untuk meningkatkan kinerja seperti yang kami jelaskan di atas. Berikut akan kami berikan caranya atau tutorial membuat script unit iklan adsense valid template AMP anda, untuk scriptnya bisa kamu simpan di noteopad kamu dan masukan kode iklan anda.

Berkut cara Membuat Kode Unit Iklan Adsense Google Valid AMP, ikuti ulasannya :

1. Membuat Unit Iklan Responsif

<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>

Note : untuk kode iklan yang saya tandai warna orange diatas silahkan bisa kamu ganti dengan kode iklan adsense anda.

2. Membuat Iklan di Bagian Atas atau Paro Atas

Sebelumnya penempatan iklan adsense dibagian atas ini sangat direkomendasikan oleh pihak google,  Untuk membuat unit iklan Ansed Valid AMP dengan tinggi tetap 100 piksel, ganti kode data-ad-client dan data-ad-slot dengan kode iklan Anda sendiri yang sudah Anda simpan di notepad seperti yang sudah saya jelaskan diatas.

<amp-ad
layout="fixed-height"
height=100
type="adsense"
data-ad-client="ca-pub-1234567891234567"
data-ad-slot="1234567890">
</amp-ad>

Note : untuk kode iklan yang saya tandai warna orange diatas silahkan bisa kamu ganti dengan kode iklan adsense anda.

3. Membuat Iklan di bagian bawah

Unit iklan AMP yang responsif dengan ukuran 300x250 ini Menggunakan opsi tata letak responsif AMP berarti unit iklan Anda akan secara otomatis mengubah ukuran sesuai dengan ukuran perangkat yang digunakan untuk menampilkan iklan.

<amp-ad
layout="responsive"
width=300
height=250
type="adsense"
data-ad-client="ca-pub-1234567891234567"
data-ad-slot="1234567890">
</amp-ad>

Note : untuk kode iklan yang saya tandai warna orange diatas silahkan bisa kamu ganti dengan kode iklan adsense anda.

Jika kamu ingin membuat unit kode iklan yang berdeda anda bisa membuat script nya di disini

4. Tambahkan Script AMP beriku ke Template Anda

Nah ini bisa di bilang kode yang paling penting karena dengan adanya kode ini dapat membantu memuculkan Unit Iklan anda, jika belum ada silahkan bisa anda tambahkan kode di bawah ini di atas kode </head>

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

Share this post