Dec 8, 2017

Meningkatkan CPC Adsense Menggunakan Billboard 970x250 Dengan Tombol Show Hide Ad Untuk AMP HTML

show hide iklan bilboard

Melihat Judul Postingan kali ini membuat rasa penasaran bagi pengunjung terutama bagi Publisher Google Adsense. Salah satu faktor yang penting dalam meningkatkan penghasilan atau pendapatan dari Google Adsense adalah Nilai dari CPC iklan itu sendiri. Ada banyak faktor sebenarnya yang mempengaruhi hal tersebut, dari mulai Konten. Artikel yang relevan sampai ke Tingkat Advertiser yang menawarnya.

Dipostingan kali ini berdasarkan pengalaman yang sudah saya lakukan mencoba Meningkatkan CPC Adsense Menggunakan Billboard 970x250 Dengan Tombol Show Hide Ad Untuk AMP HTML cukup berhasil dalam meningkatkan penghasilan. Untuk itu saya akan berbagi Cara Meningkatkan CPC Adsense Menggunakan Billboard 970x250 Dengan Tombol Show Hide Ad Untuk AMP HTML.

Pemasangan Jenis unit iklan Bilboard ini sebenarnya terinspirasi dari tampilan laman youtube, saat pengunjung datang terlihat pada Topbanner iklan billboard 970x250 dengan Tombol Show Hide. Dengan rasa penasaran dan sedikit modifikasi script akhirnya bisa digunakan pada Blog dibalikseo ini.

Kalau saya perhatikan jarang sekali Blogger khususnya di Indonesia ini yang menggunakan Iklan Ukuran Billboar 970x250, mungkin karena ukurannya besar sehingga memakan banyak space sehingga para blogger kurang begitu menyukainya. Namun tahukah sobat ternyata nilai klik dari Jenis iklan Billboard 970x250 ini sangat Tinggi dan otomatis akan berpengaruh pada peningkatan Nilai CPC. 

Nah bagi sobat yang penasaran dan mau mencobanya mari kita simak Cara Meningkatkan CPC Adsense Menggunakan Billboard 970x250 Dengan Tombol Show Hide Ad Untuk AMP HTML dibawah ini.

Langkah Pertama
Silahkan sobat salin kode CSS dibawah ini dan letakkan pada CSS style.

/* Top Banner */
.top_banner{margin:20px auto;padding:0 10px 20px;position:relative;width:100%;max-width:990px;height:auto}
#close_topbanner,#open_topbanner{font-family:Roboto,sans-serif;position:absolute;padding:0;bottom:0;background:0 0;border:none;cursor:pointer;color:#888;font-size:15px;font-weight:500;height:20px;line-height:20px;}
#close_topbanner{right:10px}
#open_topbanner{width:100px;text-align:center;right:50%;margin-right:-50px}
#close_topbanner:focus,#open_topbanner:focus{outline:0}


Langkah Ke Dua
Silahkan salin kode HTML dibawah ini lalu letakkan pada Header atau dibawah <body>.

<b:if cond='data:blog.pageType != &quot;static_page&quot; and data:blog.pageType != &quot;error_page&quot;'>
<div class='top_banner'>
<div id='topbanner'>
<amp-ad data-ad-client='ca-pub-xxxxxxxxxxxxxx' data-ad-slot='xxxxxxxxxx' height='250' layout='fixed-height' type='adsense'>
 </amp-ad>
  </div>
<button id='close_topbanner' on='tap:topbanner.hide, close_topbanner.hide, open_topbanner.show' role='button' tabindex='0' title='Close'>Close Ad</button>
<button hidden='' id='open_topbanner' on='tap:topbanner.show, close_topbanner.show, open_topbanner.hide' role='button' tabindex='0' title='Open'>Open Ad</button>
  </div>
</b:if>

Perhatikan kode yang ditandai ca-pub-xxxxxxx silahkan sesuaikan, dan data-ad-slot='xxxxxxxxx' silahkan juga sesuaikan.

Perhatikan juga setiap langkah dan penerapan kodenya, jika sudah selesai silahkan SAVE. Semoga bermanfaat.

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.