Sidebar Ads

Cara Penulisan Kode Adsense pada AMP Blogger

UTE MY ID Agustus 13, 2020


Untuk menampilkan iklan Adsense pada blog harus terdapat javascript untuk Adsense, pada template AMP Anda bisa menggunakan kode dibawah ini:



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

// tambahkan kode ini dalam tag <head>

Kode diatas juga support untuk berbagai penyedia jasa iklan lain hanya saja pada artikel ini lebih berfokus pada Google Adsense. Sekarang Adsense sudah support AMP, di setiap pembuatan unit iklan baru atau meminta kode iklan pada adsense akan disediakan dua pilihan kode yaitu Non-AMP dan versi AMP, kodenya kurang lebih seperti dibawah ini:


<amp-ad width='300' height='250' type='adsense' data-ad-client='ca-pub-xxxxxxxxxxxxxxxx' data-ad-slot='xxxxxxxxxx'/>


Untuk ukuran lain silahkan anda sesuaikan atau jika iklan yang ditampilkan responsive maka silahkan ditambahkan layoutnya.
Layout yang support diantaranya: fill, fixed, fixed-height, flex-item, nodisplay, responsive

Memasang auto Ads(iklan otomatis) pada blog AMP

Auto Ads adalah fitur terbaru dari Google Adsense yang memudahkan para publisher dalam memasang unit iklan pada blog. Tidak perlu dipusingkan lagi dengan penempatan iklan, tata letak atau ukurannya, semua otomatis diatur oleh fitur ini, hal ini tentu sangat membantu para publisher dalam menentukan letak unit iklan yang stategis.

Selain penggunaannya yang mudah, jenis format iklan yang disediakan juga lengkap seperti text, link ads, banner, in-feed ads, in-article ads, anchor ads, matched content dan juga vignette ads.

Kabar gembiranya fitur ini juga sudah bisa digunakan pada blog yang menggunakan template AMP, ikuti langkah-langkah dibawah ini untuk memasang Auto Ads pada blog AMP

Menyiapkan Auto Ads untuk AMP

  1. Login ke akun Adsense.
  2. Klik Iklan > Ringkasan.
  3. Klik Sudah memiliki situs AMP?
  4. Di halaman "Dapatkan kode Adsense untuk situs AMP", aktifkan Izinkan Google menempatkan iklan display di situs AMP Anda.
  5. Copy-paste skrip amp-auto-ads antara tag <head>...</head> di halaman Anda.*
  6. Copy-paste kode Auto Ads tepat setelah tag <body> pembuka di blog Anda.*
  7. Klik Selesai. Butuh waktu hingga satu jam untuk menampilkan iklan di halaman blog Anda.

Keterangan:
Skrip pertama yang diletakan diantara tag <head> dan </head>


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

Kode pemanggil auto ads yang diletakan tepat setelah tag <body>


<amp-auto-ads type="adsense"
        data-ad-client="ca-pub-xxxxxxxxxxxxxxx">
</amp-auto-ads>

Ganti bagian yang di blok warna dengan ID penayangan Adsense Anda.

0 Komentar