Promo! cukup bayar $10 anda akan mendapatkan backlink Do-Follow selamanya. Get now!

Cara Menayangkan Iklan Anchor di Blog AMP

Iklan anchor biasanya akan muncul / ditayangkan diperangkat desktop dan seluler ketika pengguna melakukan scroll ke bawah maupun ke atas.
Cara Menampilkan Iklan Anchor di Blog AMP

Saya akan mencoba menjawab satu persatu dari beberapa request tentang per-blogger-an, jujur saja sebenarnya saya bukan ahli dalam bahasa pemograman namun sebisanya, akan saya coba membatu untuk menjawabnya, dan saya juga mohon maaf kepada teman-teman yang lain jika requestnya belum dapat ditanggapi InsyaAllah diartikel berikutnya akan segera ditanggapi.

Ide artikel ini muncul dari pertanyaan bagaimana cara meletakan iklan anchor di blog valid amp agar ukuran display-nya telihat rapi baik itu ketik blog di akses menggunakan desktop maupun seluler seperti di blognya Nurul Huda ID?.

Sebelum lanjut kepada jawaban pertanyaan tersebut, saya ingin menjelaskan sedikit apa itu iklan anchor andsense.

Di kutip dari sumbernya google bahwa Iklan anchor merupakan suatu iklan yang melekat pada tepi layar bagian atas atau bawah dan dapat ditutup dengan mudah.

Iklan anchor biasanya akan muncul / ditayangkan diperangkat desktop dan seluler ketika pengguna melakukan scroll ke bawah maupun ke atas.

Secara default iklam anchor ini muncul / ditayangkan / melekat pada bagian atas layar. namun, jika posisi tersebut dirasa mengganggu kenyamanan pengunjung, maka pemilik blog dapat mengalihkannya ke bagian bawah layar.

Bagi teman-teman yang menggunakan web atau blog Non-AMP mungkin tidak akan mengalami kendala dalam permasalahan ini, karena iklan anchor sudah secara otomatis muncul / ditayangkan dan ukurannya juga langsung menyesuaikan ukuran layar ketika pemilik blog mengaktifkan iklan otomatis dan anchor.

Berbeda dengan blog yang valid AMP, saya sudah mencoba memasang iklan anchor dengan menerapkan mode iklan otomatis hasilnya iklan tersebut tidak kunjung tayang-tanyang di blog saya, hingga akhirnya saya saya memutuskan untuk menggunakan bantuan script Sticky Ad agar iklan tersebut dapat di tanyangkan dengan sempurna.

Berikut panduan menerapkan script Sticky Ad agar iklan anchor dapat dampilkan di blog valid AMP:

Silahkan anda Buka dashboard Blogger anda, lalu pilih menu Tema Edit HTML dan Copy-paste script dibawah tepat setelah tag <head>.

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

Kemudian copy-paste juga script dibawah tepat sesudah tag <body> dan jangan lupa untuk mengganti kode yang diblock dengan kode ID AdSense dan ID slot iklan Display milik anda. Anda juga dapat menyesuaikan ukuran iklan, sesuai dengan kebutuhan.

<amp-sticky-ad layout='nodisplay'>
    <b:if cond='data:blog.isMobileRequest == &quot;false&quot;'>
    <!-- Kode iklan untuk desktop silahkan simpan di bawah ini -->
    <amp-ad data-ad-client='ca-pub-xxxxxxxxxxxx' data-ad-slot='xxxx' height='90' type='adsense' width='728'>
     </amp-ad>
    </b:if>
   
    <b:if cond='data:blog.isMobileRequest == &quot;true&quot;'>
    <!-- Kode iklan untuk mobile silahkan simpan di bawah ini -->
     <amp-ad data-ad-client='ca-pub-xxxxxxxxxxxx' data-ad-slot='xxxx' height='50' type='adsense' width='320'>
      </amp-ad>
    </b:if>
  </amp-sticky-ad>

Langkah terakhir, jangan lupa klik Simpan

Demikian panduan bagaimana cara menerapkan iklan sticky ad di blog saya Nurul Huda ID, Semoga bermanfaat.

Diperbolehkan bagi anda yang ingin menyalin artikel yang ada diblog ini, dengan syarat mencantumkan sumbernya berupa link aktif yang merujuk pada konten aslinya. Blog anda tidak akan dihapus, deindex dan adsense anda tidak akan menerima keluhan hak cipta dari saya.

Pendapatku yang benar tapi bisa jadi salah dan pendapat selainku itu salah tapi bisa jadi benar.

Posting Komentar