Sep 12, 2017

Cara Memasang Unit Iklan Page-level Adsense Untuk Blog AMP

Unit Iklan page level ads

Seperti yang kita ketahui bersama salah satu metode untuk meningkatkan penghasilan Adsense adalah memperhatikan letak dan pemasangan kode iklan pada lokasi tertentu di dalam blog agar dapat menghasilkan klik iklan yang relevan. Namun pemasangan dan pelatakkan iklan pun tidak boleh sembarangan harus mengikuti TOS dari Google Adsense.

Sekarang ini perkembangan dunia internet terutama pengunjung yang mengakses informasi melalui smart phone sangat banyak. Pengunjung lebih cenderung dan sering menagksesnya dari smart phone meskipun Laptop atau komputer tersedia, mungkin salah satu alasannya adalah adanya fitur canggih yang sudah tersedia di dalam smart phone tersebut.

Fenomena ini menjadi sebuah peluang yang cukup baik bagi kalangan penulis Blog terutama bagi sobat yang memang mencoba mencari peruntungan untuk mendapatkan penghasilan lain yang bisa didapat dari menulis di Blog. Ada banyak template yang disediakan oleh Platform terutama blogspot dan sekarang ini khususnya Google menyarankan untuk para blogger agar menggunakan template yang support untuk pengunjung yang berasal dari smart phone yaitu template AMP. Namun dikarenakan sistem tersebut menurut saya masih dalam tahap pengembangan terjadi kendala pemasangan iklan terutama kode unit iklan Adsense untuk dipasangan dalam template blog AMP, salah satu kendala yang terjadi adalah belum ada support pemasangan iklan untuk Page Level Ads bagi pengguna template AMP Blog.



Terkait permasalahan tersebut disini saya berikan solusi sementara pemasangan Unit Iklan Page-level Adsense Untuk Blog AMP, caranya pun cukup mudah hanya menambahkan sedikit kode skrip yang akan dipasang pada template blog AMP. Di sini kita akan menampilkannya secara Sticky yang otomatis akan menampilkan iklan saat di scroll kebawah dan dilengkapi juga dengan tombol close. 

Bagi sobat yang mau mencobanya silahkan ikuti Solusi Cara Memasang Unit Iklan Page-level Adsense Untuk Blog AMP.

Langkah Pertama
Silahkan login ke Adsense buat kode unit iklan baru untuk mobile device dengan ukuran 320 x 50 atau dapat menggunakan ukuran Responsive.

Langkah Ke Dua
Silahkan salin kode dibawah ini lalu letakkan di atas kode </head>.

<b:if cond='data:blog.pageType != &quot;static_page&quot; and data:blog.isMobileRequest == &quot;true&quot; and data:blog.pageType != &quot;error_page&quot;'>
<script async='async' custom-element='amp-sticky-ad' src='https://cdn.ampproject.org/v0/amp-sticky-ad-1.0.js'/>
</b:if>


Langkah Ke Tiga
Silahkan salin kode dibawah ini lalu letakkan di atas kode </body>.

<b:if cond='data:blog.pageType != &quot;static_page&quot; and data:blog.isMobileRequest == &quot;true&quot; and data:blog.pageType != &quot;error_page&quot;'>
<amp-sticky-ad layout='nodisplay'>
    <amp-ad data-ad-client='ca-pub-xxxxxxxxxxxx' data-ad-slot='xxxxxxxxxx' height='50' type='adsense' width='320'>
 </amp-ad>
  </amp-sticky-ad>
  </b:if>

Perhatikan untuk kode yang ditandai ca-pub-xxxxxxxxxxx dan xxxxxxxxxx silahkan ganti sesuai dengan kode unit iklan yang sudah dibuat.
Setelah selesai silahkan SAVE dan coba tampilkan dan akses melalui smart phone dan iklan akan tampil setelah di scroll kebawah. Dan Selesai selamat mencoba.

Artikel Terkait

Halo Sobat, sedikit cerita mengenai diri saya, saya adalah hanya seorang penulis amatiran yang mencoba berbagi pengetahuan dari apa yang saya dapat sehari-hari. Pengalaman ini saya tuangkan di tulisan dengan tujuan baik agar pengetahuan dan pengalaman saya ini dapat bisa di pergunakan dan bermanfaat khususnya untuk diri saya pribadi dan umumnya untuk orang lain, sehingga saya beri nama Web saya ini dibalikseo.com yang filosofinya adalah dibalik pengetahuan yang saya dapat.