Memasang Iklan Adsense di Blogger AMP HTML


Google Adsense dan AMP HTML

Saat ini Google Adsense semakin banyak digunakan sebagai mata pencarian atau pekerjaan sampingan kebanyakan orang. Selain karena pengguna adsense publisher melalui halaman web sudah sangat banyak namun juga makin tren sebuah pekerjaan sebagai youtubers atau pembuat konten di Youtube.

Seperti yang kita ketahui bahwa salah satu anak perusahaan Google yaitu Adsense juga bekerja sama dengan banyak bagian dari Google seperti, Google Ads, Google Play, Youtube, dan Blogger. Meskipun kebanyakan orang sudah sangat familiar dengan Youtube namun hingga saat ini blog masih menjadi yang terpopuler di kalangan publisher adsense.

Disamping itu, perkembangan proyek AMP HTML sudah mulai didukung oleh Google Adsense. Salah satunya dengan tersedia beberapa pilihan untuk mendapatkan kode iklan adsense dalam bentuk tag AMP HTML bagi publisher.

Namun meskipun demikian ternyata masih sangat banyak pengguna, khususnya para publisher adsense yang masih kebingungan dalam menggunakan kode iklan Adsense pada blog yang menggunakan AMP HTML. Sebenarnya caranya cukup mudah dan sangat sederhana, hanya saja memang diperlukan pemahaman dasar tentang cara kerjanya.

Oleh karena itu dalam posting kali ini akan dibahas tentang bagaimana cara memasang kode iklan Adsense pada blog AMP HTML, khususnya di Blogger.

Memasang Unit Iklan Adsense di Blog AMP HTML

Untuk memasang kode iklan Adsense di blog AMP tentunya kode yang digunakan berbeda, jadi bagi kamu yang belum familiar menggunakan iklan AMP HTML mari simak pembahasan berikut ini.

Pasang Javascript AMP AD

Terlebih dahulu kamu perlu memasang Kode JavaScript Google AMP. Kode ini mungkin cukup familiar karena memiliki banyak kemiripan dan merupakan kode yang wajib dipasang saat menambahkan komponen tag AMP baru di blog.

Meskipun merupakan kode javascript, namun kode ini memang dikhususkan untuk AMP HTML. Untuk memasangnya ikuti langkah-langkah berikut ini:
  1. Buka Blogger
  2. Pada bagian Tema klik tombol Edit HTML
  3. Temukan kode <script async='async' src='https://cdn.ampproject.org/v0.js'/> lalu tambahkan kode berikut di bawahnya
  4. <script async='async' custom-element='amp-ad' src='https://cdn.ampproject.org/v0/amp-ad-0.1.js'/>
  5. Temukan kode <body> dan tambahkan kode berikut di bawahnya
  6. <amp-auto-ads data-ad-client='ca-pub-1234567890987654' type='adsense'/>
  7. Ganti bagian yang ditandai dengan kode ca-pub yang bisa kamu dapatkan di halaman Google Adsense. Cara mudah menemukannya, lihat URL Google Adsense setelah kamu login
  8. Klik tombol Simpan

Menampilkan Unit Iklan Adsense Secara OTOMATIS

Disarankan agar kamu juga memasang unit iklan adsense yang tampil secara otomatis. Namun jika unit iklan otomatis yang biasanya dikenal menggunakan kode javascript, saat ini Google Adsense sudah menyediakan unit iklan otomatis untuk pengguna AMP.

Untuk menambahkan unit iklan otomatis pada AMP HTML, lakukan cara yang seperti di atas tapi tambahkan kode berikut pada langkah ke-3.

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

Unit iklan otomatis belum tampil?

Pada awalnya mungkin kamu belum melihat perbedaan unit iklan AMP yang dipasang secara otomatis. Mungkin butuh waktu beberapa saat hingga iklan benar-benar tampil secara otomatis di blog kamu. Cukup sabar dan tunggu hasilnya, tapi ingat untuk tidak meng-klik sendiri iklan yang tampil di blog kamu ya!

Menampilkan Unit Iklan Adsense Secara MANUAL

Cara manual ini merupakan cara yang umumnya digunakan pengguna AMP HTML untuk menambahkan unit iklan di blog mereka. Termasuk di blog ini. Terlebih dahulu tentukan di mana kamu ingin memasang unit iklan tersebut, misalnya melalui kode khusus di HTML blog kamu.

Tetapi biasanya kebanyakan orang menambahkan unit iklan melalui menu Tata Letak. Namun pertama-tama dapatkan kode unit iklan dari Google Adsense terlebih dahulu, ikuti langkah-langkah berikut ini:
  1. Buka Google Adsense dan login dengan akun kamu
  2. Pada bagian Iklan klik Unit Iklan
  3. Pilih unit iklan yang ingin kamu gunakan. Sebagai saran sebaiknya gunakan kode iklan Display yang sudah tersedia kode khusus AMP HTML
  4. Buat modifikasi sesuai keinginan kamu terhadap unit iklan tersebut. Kemudian klik tombol SIMPAN DAN DAPATKAN KODE
  5. Salin kode tersebut pada teks editor seperti notepad. Kemudian gunakan kode AMP AD berikut ini dan ganti data-ad-client dan data-ad-slot sesuai kode unit iklan yang kamu dapatkan sebelumnya
  6. <amp-ad width="100vw" height=320
       type="adsense"
       data-ad-client="ca-pub-xxx"
       data-ad-slot="xxx"
       data-auto-format="rspv"
       data-full-width>
      <div overflow></div>
    </amp-ad>
  7. Atau jika kamu ingin menggunakan kode AMP AD yang lain, kamu bisa menemukannya di situs resmi AMP Project di sini

  8. Selanjutnya kamu siap untuk memasang iklan tersebut di Blogger. Buka Blogger
  9. Pada bagian Tata Letak klik tombol Tambah Gadget pada letak yang kamu inginkan
  10. Pilih widget HTML/Javascript kemudian tambahkan kode AMP AD tadi pada konten widget tersebut
  11. Klik tombol Simpan dan lihat hasilnya di blog kamu

Iklan tidak tampil?

Pada awalnya kamu mungkin belum melihat iklan yang tampil, khususnya jika blog kamu baru pertama kali dipasangi iklan. Oleh karena itu harap bersabar dan tunggu saja hingga iklan benar-benar tampil

Penutup

Itulah langkah-langkah yang bisa kamu lakukan untuk memasang unit iklan adsense pada blog AMP, khususnya Blogger yang menggunakan template AMP HTML. Semoga artikel ini bisa bermanfaat untuk kamu, jika terdapat hal-hal yang kurang jelas, maka jangan sungkan untuk menyampaikannya pada komentar di bawah atau melalui halaman contact blog ini. Terima kasih dan sampai jumpa!
Disqus Comments