Skip to content Skip to sidebar Skip to footer

Widget Atas Posting

Ini Panduan Penulisan Kode Adsense pada AMP Blogger

Cara Penulisan Kode Adsense Pada AMP

Ensiklopedi Otomotif - Pada kali ini saya akan membahas Panduan Penulisan Kode Adsense pada AMP Blogger. Bagi anda blogger baru yang mulai membuat blog baru dengan template AMP HTML, anda wajib membaca ini. Menampilkan iklan ditemplate biasa tidak sama dengan menampilkan iklan pada template blog AMP

Yuk, simak caranya dibawah ini!

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

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

// tambahkan kode diatas dalam tag <head>

Kode yang saya buatkan diatas juga support untuk berbagai penyedia jasa iklan lain hanya saja pada artikel ini lebih berfokus pada Google Adsense. Sekarang Adsense sudah support AMP HTML, 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'/>

Jika anda menginginkan ukran berbeda,  silahkan anda sesuaikan atau jika iklan yang ditampilkan responsive maka silahkan ditambahkan layoutnya.

Layout Kode Adsense pada AMP Blogger 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:
Script pertama ini anda letakan diantara tag <head> dan </head>

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

Sementara kode pemanggil auto ads yang diletakan tepat setelah tag <body>

<amp-auto-ads type='adsense' data-ad-client='ca-pub-xxxxxxxxxxxxxxxx'/>

Silahkan ganti bagian yang di blok warna dengan ID penayangan Adsense Anda.Semoga bermanfaat.