Panduan Lengkap Memodifikasi "Responsive Ad Code" Pada Adsense dengan Mudah
Berikut langkah-langkah memodifikasi "Responsive Ad Code" pada Adsense untuk Blogger versi Cakrawala Unik
1) Membuat "Responsive Ad Unit"- Login Google Adsense, lalu pada bagian "My Ads"
- klik "New Ad Units"
- Edit lalu "Save and Get Codes"
- Catat pada bagian Publisher Id (data-ad-client), contoh:
"ca-pub-1234567891234567"
dan bagian Ad Unit's Id (data-ad-slot), contoh:
"1234567890"
2) Buka Blogger, Sign in dan pilih "Template" lalu "edit Html"
- Tekan "cltr + f" lalu cari "<body>"
- Copy dan Paste di bawah <body>:
"
<style>
.example_responsive_1 { width: 320px; height: 100px; }
@media(min-width: 500px) { .example_responsive_1 { width: 468px; height: 60px; } }
@media(min-width: 800px) { .example_responsive_1 { width: 728px; height: 90px; } }
</style>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- example_responsive_1 -->
<ins class="adsbygoogle example_responsive_1"
style="display:inline-block"
data-ad-client="ca-pub-XXXXXXX11XXX9"
data-ad-slot="8XXXXX1"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>"
- Ganti "data-ad-client" dan "data-ad-slot" dengan kode yang anda peroleh sebelumnya
- Pada bagian "example_responsive_1" anda dapat memodifikasi namanya (beri nama sembarang) asal menggunakan alfabet, nomor, angka dan underline "_"
3) Simpan Template
Apabila ada masalah "async" dsb bisa anda atasi dengan membaca tutorial disini
Share This Article
.jpg)
.png)
