Cara Memasang Iklan Tautan Teks Adsense 10 Baris 5/5 Di Artikel Blog
Tutorial: Cara Membuat dan Memasang Iklan Tautan Teks (Anchor Text) Responsive 10 Baris 5/5 Berdampingan di Artikel Blog
Salah satu fakta menarik wacana Google AdSense yaitu kita sanggup memodifikasi tata letak atau tampilan dari tayangan iklan Google AdSense tersebut.
Contohnya menciptakan iklan tautan (Anchor Text) baris yang awalnya hanya 4 buah (2 di kiri, dan 2 di kanan) menjadi 10 buah tautan teks (5 di kiri, dan 5 di kanan).
Masalahnya, untuk menciptakan jenis iklan ibarat ini membutuhkan yang namanya CSS dan HTML tambahan.
Nah... Yang menariknya yaitu pada tutorial di artikel ini, kita tidak membutuhkan CSS sama sekali. Yang perlu dilakukan, memodifikasi sedikit HTML dari iklan Google AdSense yang dimaksud.
Perlu ditekankan disini ialah tutorial ini bekerja dengan sangat tepat 100% pada template blogger SEO Kraken. Artikel ini pun berawal dari pertanyaan yang diajukan oleh salah satu pembeli template yang dimaksud.
Untuk jenis iklan yang akan dipakai dan/atau yang ditampilkan nantinya, kita memakai jenis iklan Google AdSense yang Responsive supaya sanggup menyesuaikan dengan perangkat Smartphone; sebagaimana algoritma MobileGeddon.
Tutorial dengan gambar, cek gambar di bawah ini:
Pada tahap ini, jika teman sudah mendapat aba-aba iklan Google AdSense-nya, silakan cocokkan aba-aba data-ad-client dan data-ad-slot yang ada pada iklan AdSense milik teman tersebut dengan aba-aba dibawah ini:
Yang diartikan mencocokkan dengan aba-aba diatas, maksudnya aba-aba Ca-Pub dan Ad-Slot yang didapatkan tadi.
Cek juga aba-aba diatas, saya menambahkan aba-aba ini: style="display:block;height:250px. Tahu untuk apa fungsi aba-aba ini? Agar iklannya memanjang ke bawah. Makanya, saya katakan bahwa penerapan, pembuatan, dan/atau penayangan iklan Google AdSense 10 baris diatas dibentuk tanpa dukungan CSS.
Nah jika dirasa ukuran 250px tersebut tidak cocok dengan template blogger teman (template blogger selain SEO Kraken), sanggup diganti dengan 300px atau 360px.
Kalau ingin menempatkan aba-aba iklan di dalam artikel atau di tengah postingan blog, pastikan kodenya di Parse dulu. Silakan Googling, Parse HTML. Hasil aba-aba iklan yang sudah di parse nantinya akan ibarat ini:
Tutorial yang cukup gampang pastinya, cukup Copas aba-aba iklan Google AdSense milik saya; selanjutnya diimplementasikan ke template blogger dan cocokkan dengan aba-aba unit iklan yang teman miliki dikala ini. Ok semoga berguna.*
Salah satu fakta menarik wacana Google AdSense yaitu kita sanggup memodifikasi tata letak atau tampilan dari tayangan iklan Google AdSense tersebut.
Contohnya menciptakan iklan tautan (Anchor Text) baris yang awalnya hanya 4 buah (2 di kiri, dan 2 di kanan) menjadi 10 buah tautan teks (5 di kiri, dan 5 di kanan).
Masalahnya, untuk menciptakan jenis iklan ibarat ini membutuhkan yang namanya CSS dan HTML tambahan.
Nah... Yang menariknya yaitu pada tutorial di artikel ini, kita tidak membutuhkan CSS sama sekali. Yang perlu dilakukan, memodifikasi sedikit HTML dari iklan Google AdSense yang dimaksud.
Cara Memasang Iklan Tautan Teks 10 Baris 5/5 di Postingan Blog
Perlu ditekankan disini ialah tutorial ini bekerja dengan sangat tepat 100% pada template blogger SEO Kraken. Artikel ini pun berawal dari pertanyaan yang diajukan oleh salah satu pembeli template yang dimaksud.
- Masuk ke akun Google AdSense
- Ketuk sajian My AdS (Iklan Saya), kemudian ketuk Ads Unit (Unit Iklan), tambahkan +Unit Iklan Baru
- Pilih jenis iklan Iklan Teks & Bergambar
- Isi nama iklan (terserah)
- Ketuk tayangan iklan dengan tipe Tautan Respnosive (Ukuran Otomatis)
- Lalu ketuk tombol Simpan dan Dapatkan Kode
Untuk jenis iklan yang akan dipakai dan/atau yang ditampilkan nantinya, kita memakai jenis iklan Google AdSense yang Responsive supaya sanggup menyesuaikan dengan perangkat Smartphone; sebagaimana algoritma MobileGeddon.
Tutorial dengan gambar, cek gambar di bawah ini:
Pada tahap ini, jika teman sudah mendapat aba-aba iklan Google AdSense-nya, silakan cocokkan aba-aba data-ad-client dan data-ad-slot yang ada pada iklan AdSense milik teman tersebut dengan aba-aba dibawah ini:
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <!-- Judul Iklannya Tertulis Disini --> <ins class="adsbygoogle" style="display:block;height:250px" data-ad-client="ca-pub-94286xxxx" data-ad-slot="94xxxx" data-ad-format="link"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script>
Yang diartikan mencocokkan dengan aba-aba diatas, maksudnya aba-aba Ca-Pub dan Ad-Slot yang didapatkan tadi.
Cek juga aba-aba diatas, saya menambahkan aba-aba ini: style="display:block;height:250px. Tahu untuk apa fungsi aba-aba ini? Agar iklannya memanjang ke bawah. Makanya, saya katakan bahwa penerapan, pembuatan, dan/atau penayangan iklan Google AdSense 10 baris diatas dibentuk tanpa dukungan CSS.
CSS intinya memberatkan loading blog, tapi pengaruhnya tidak separah atau besar lengan berkuasa besar terhadap kecepatan loading situs web. Praktisnya, beratnya ukuran CSS tidak seberat aba-aba HTML dan JavaScript.
Nah jika dirasa ukuran 250px tersebut tidak cocok dengan template blogger teman (template blogger selain SEO Kraken), sanggup diganti dengan 300px atau 360px.
 |
| Contoh Gambar Iklan Tautan Teks Google AdSense |
Kalau ingin menempatkan aba-aba iklan di dalam artikel atau di tengah postingan blog, pastikan kodenya di Parse dulu. Silakan Googling, Parse HTML. Hasil aba-aba iklan yang sudah di parse nantinya akan ibarat ini:
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <!-- Judul Iklannya Tertulis Disini --> <ins class="adsbygoogle" style="display:block;height:250px" data-ad-client="ca-pub-94286xxxx" data-ad-slot="94xxxx" data-ad-format="link"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script>
Tutorial yang cukup gampang pastinya, cukup Copas aba-aba iklan Google AdSense milik saya; selanjutnya diimplementasikan ke template blogger dan cocokkan dengan aba-aba unit iklan yang teman miliki dikala ini. Ok semoga berguna.*