Seiring berkembangnya zaman, banyak sekali para Blogger yang ingin memonotize Blognya. Namun untuk menghasilkan uang kebanyakan dari mereka memasang sebuah atau beberapa iklan di Blognya, atau yang biasa disebut dengan Publisher. Salah satu jasa iklan yang sangat menjanjikan yakni, AdSense. Namun, untuk mendapatkan penghasilan yang mencukupi, banyak diantara mereka yang memodifikasi bentuk iklannya.
Pada kesempatan kali ini, saya akan membagikan informasi mengenai cara membuat jenis-jenis iklan AdSense yang mungkin bisa bermanfaat bagi kalian semua. Berikut caranya,
- Masuk Akun Adsense
- Pilih Iklan Saya (My Ads)
- Pilih Unit Iklan
- Pilih Unit Iklan Baru
- Pilih Dapatkan Kode
- Salin Kode Tersebut
Jika kode sudah disalin, ikuti langkah berkut;
- Masuk Dashboard Blogger
- Masuk Tata Letak (Layout)
- Pilih Tambahkan Widget HTML/JavaScript
- Letakkan Kode di Widget tersebut di Widget HTML/JavaScript
- Kemudian rubah / tambahkan kode yang ada dengan kode-kode yang sudah saya beri warna biru.
IKLAN HORIZONTAL
Untuk iklan jenis ini, ganti data-ad-format="auto" menjadi data-ad-format="horizontal", jika tidak ada data-ad-format="auto", anda hanya tinggal menambahkannya saja. Sehingga kode akan menjadi seperti ini.
[
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- CONTOH ROJAMZ-->
<ins class="adsbygoogle"
style="display:inline-block"
data-ad-client="ca-pub-XXXXXXXXXXXXX"
data-ad-format="horizontal"
data-ad-slot="XXXXXXX"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
]
IKLAN VERTIKAL
Untuk iklan jenis ini, ganti data-ad-format="auto" menjadi data-ad-format="vertical", jika tidak ada data-ad-format="auto", anda hanya tinggal menambahkannya saja. Sehingga kode akan menjadi seperti ini.
[
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- CONTOH ROJAMZ-->
<ins class="adsbygoogle"
style="display:inline-block"
data-ad-client="ca-pub-XXXXXXXXXXXXX"
data-ad-format="vertical"
data-ad-slot="XXXXXXX"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
]
IKLAN PERSEGI
Untuk iklan jenis ini, ganti data-ad-format="auto" menjadi data-ad-format="rectangle", jika tidak ada data-ad-format="auto", anda hanya tinggal menambahkannya saja. Sehingga kode akan menjadi seperti ini.
[
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- CONTOH ROJAMZ-->
<ins class="adsbygoogle"
style="display:inline-block"
data-ad-client="ca-pub-XXXXXXXXXXXXX"
data-ad-format="rectangle"
data-ad-slot="XXXXXXX"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
]
IKLAN TAUTAN
IKLAN KONTEN / MATCHED CONTENT
IKLAN CUSTOM
Untuk iklan jenis ini, hapus data-ad-format="auto", jika tidak ada abaikan saja dan tambahkan sebuah kelas di kodenya. Sehingga kode akan menjadi seperti ini.
Untuk iklan jenis ini, ganti data-ad-format="auto" menjadi data-ad-format="link", jika tidak ada data-ad-format="auto", anda hanya tinggal menambahkannya saja. Sehingga kode akan menjadi seperti ini.
[
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- CONTOH ROJAMZ-->
<ins class="adsbygoogle"
style="display:inline-block"
data-ad-client="ca-pub-XXXXXXXXXXXXX"
data-ad-format="link"
data-ad-slot="XXXXXXX"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
]
Untuk iklan jenis ini, ganti data-ad-format="auto" menjadi data-ad-format="autorelaxed", jika tidak ada data-ad-format="auto", anda hanya tinggal menambahkannya saja. Sehingga kode akan menjadi seperti ini.
[Namun, perlu diingat! Kode iklan Matched Content ini hanya akan sesuai dengan hasilnya, apabila anda sudah mendapatkan fitur ini di akun Adsense agan. Namun jika belum, iklan masih tetap akan muncul, hanya saja akan menjadi iklan Banner dengan ukuran besar.
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- CONTOH ROJAMZ-->
<ins class="adsbygoogle"
style="display:inline-block"
data-ad-client="ca-pub-XXXXXXXXXXXXX"
data-ad-format="autorelaxed"
data-ad-slot="XXXXXXX"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
]
IKLAN CUSTOM
Untuk iklan jenis ini, hapus data-ad-format="auto", jika tidak ada abaikan saja dan tambahkan sebuah kelas di kodenya. Sehingga kode akan menjadi seperti ini.
[
<style>
.KELAS {
width:280px;
height:336px;
}
</style>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- CONTOH ROJAMZ-->
<ins class="adsbygoogle KELAS"
style="display:inline-block"
data-ad-client="ca-pub-XXXXXXXXXXXXX"
data-ad-slot="XXXXXXX"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
]
Harap untuk menyesuaikan sendiri ukuran dari jenis iklan ini, baik itu mengenai tinggi maupun lebarnya.
IKLAN RESPONSIF
IKLAN RESPONSIF
Untuk iklan jenis ini, anda hanya melihat, apakah dikode iklan terdapat data-ad-format="auto", jika tidak ada, anda hanya tinggal menambahkannya saja. Sehingga kode akan menjadi seperti ini.
[
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- CONTOH ROJAMZ-->
<ins class="adsbygoogle"
style="display:inline-block"
data-ad-client="ca-pub-XXXXXXXXXXXXX"
data-ad-format="auto"
data-ad-slot="XXXXXXX"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
]
- Kemudian Simpan Widget HTML/JavaScript tersebut.
Penulis: Unknown
0 komentar untuk Kumpulan Gaya Iklan Google Adsense dan Cara Membuatnya