Wednesday, May 11, 2016

Cara Menggunakan Kustom Iklan Google Adsense dan Membuat Responsif di Blog Anda




Banyak blogger menggunakan Adsense dan untuk sebagian besar dari mereka Adsense adalah sumber utama pendapatan. Namun, hari ini dengan booming E-commerce dan belanja online di Indonesia agak tergeser dengan Pemasaran Afiliasi untuk pendapatan utama. Dalam artikel ini saya menjelaskan teknik sederhana menggunakan iklan kustom pada blog Anda dan membuat nya responsif.

Cara Menggunakan Iklan Kustom di Blog Anda:

Sebelumnya Google digunakan untuk memberikan fitur ini hanya penerbit Premium Adsense. Tapi sekarang fitur ini tersedia untuk semua. Anda dapat menggunakan iklan kustom dari setiap ukuran keinginan Anda yang sesuai dengan tata letak blog Anda.
  • Untuk menempatkan iklan kustom pada blog Anda. Login ke akun Adsense Anda.
  • Lalu pergi ke My Ads, kemudian  create a new ad unit
  • Di sana Anda dapat menemukan Custom Size. 



  •  Ada Anda mengisi dimensi dari iklan yang ingin Anda pasang di blog Anda.
  • Mengambil kode itu dan menempatkan di mana pun Anda ingin.



 
Tapi kelemahan unit ukuran iklan khusus ini adalah bahwa yang tidak responsif. Jadi, jika Anda memiliki pengguna yang beroperasi dari perangkat yang berbeda maka Anda mungkin akan kehilangan beberapa pendapatan. Untuk alasan ini Anda harus membuat iklan kustom responsif. Ikuti tutorial di bawah ini untuk membuat iklan kustom responsif.

Cara membuat Iklan Kustom Responsif:

Untuk membuat iklan kustom responsif Anda harus men-tweak kode adsense sedikit. Metode ini telah disetujui oleh departemen Adsense dan Anda tidak akan perlu khawatir tentang pelanggaran. Kode ini dikembangkan oleh Amit Agarwal dari Labnol.org .
1. Pertama Anda harus membuat unit iklan persis seperti prosedur di atas.
2. Untuk lebar tidak masalah tapi pastikan ketinggian diberikan dengan benar.
3. Kemudian salin kode berikut dan paste di atas editor teks.


<div id="google-ads-1"></div>

<script type="text/javascript">

/* Replace ca-pub-XXX with your AdSense Publisher ID */
google_ad_client = "ca-pub-XXX";

/* Replace YYY with the AdSense Ad Slot ID */
google_ad_slot = "YYY";

/* Replace ZZZ with the custom height of your Ad Unit */
google_ad_height = ZZZ;

ad = document.getElementById('google-ads-1');

if (ad.getBoundingClientRect().width) {
google_ad_width = ad.getBoundingClientRect().width;
} else {
google_ad_width = ad.offsetWidth; // for old IE
}

/* The width of an Ad unit should be between 120-1200 pixels */
if (google_ad_width>1200) {
google_ad_width = 1200;
} else if (google_ad_width<120) {
google_ad_width = 120;
}

/* The height of an Ad unit should be between 50-1200 pixels */
if (google_ad_height>1200) {
google_ad_height = 1200;
} else if (google_ad_height<50) {
google_ad_height = 50;
}

/* Both height or width cannot be more than 300 pixels */
if ((google_ad_width>300) && (google_ad_height>300)) {
google_ad_height = 300;
}

document.write (
'<ins class="adsbygoogle" style="display:inline-block;width:'
+ google_ad_width + 'px;height:'
+ google_ad_height + 'px" data-ad-client="'
+ google_ad_client + '" data-ad-slot="'
+ google_ad_slot + '"></ins>'
);

(adsbygoogle = window.adsbygoogle || []).push({});

</script>

<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>



4. Sekarang yang perlu anda lakukan adalah hanya menempatkan id penayang Anda di XXX, maka slot iklan id di "YYY" kemudian memberikan ketinggian unit iklan di ZZZ.
5. Setelah itu selesai mengambil kode dan menempatkan mana pun Anda ingin di blog Anda Blogger atau WordPress.
Catatan: Jika Anda menggunakan Blogger Anda mengkonversi kode dan mendapatkan kode dikonversi dan tempatkan dalam template blogger Anda.

Tinggalkan komentar Anda di bawah ini.
 





EmoticonEmoticon