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 ialah 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 ialah 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 semoga sanggup menyesuaikan dengan perangkat Smartphone; sebagaimana algoritma MobileGeddon.
Tutorial dengan gambar, cek gambar di bawah ini:
Pada tahap ini, jikalau teman sudah mendapat arahan iklan Google AdSense-nya, silakan cocokkan arahan data-ad-client dan data-ad-slot yang ada pada iklan AdSense milik teman tersebut dengan arahan dibawah ini:
Yang diartikan mencocokkan dengan arahan diatas, maksudnya arahan Ca-Pub dan Ad-Slot yang didapatkan tadi.
Cek juga arahan diatas, saya menambahkan arahan ini: style="display:block;height:250px. Tahu untuk apa fungsi arahan ini? Agar iklannya memanjang ke bawah. Makanya, saya katakan bahwa penerapan, pembuatan, dan/atau penayangan iklan Google AdSense 10 baris diatas dibentuk tanpa pemberian CSS.
Nah jikalau dirasa ukuran 250px tersebut tidak cocok dengan template blogger teman (template blogger selain SEO Kraken), sanggup diganti dengan 300px atau 360px.
Kalau ingin menempatkan arahan iklan di dalam artikel atau di tengah postingan blog, pastikan kodenya di Parse dulu. Silakan Googling, Parse HTML. Hasil arahan iklan yang sudah di parse nantinya akan ibarat ini:
Tutorial yang cukup gampang pastinya, cukup Copas arahan iklan Google AdSense milik saya; selanjutnya diimplementasikan ke template blogger dan cocokkan dengan arahan unit iklan yang teman miliki ketika ini. Ok semoga berguna.*
Salah satu fakta menarik wacana Google AdSense ialah 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 ialah 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 semoga sanggup menyesuaikan dengan perangkat Smartphone; sebagaimana algoritma MobileGeddon.
Tutorial dengan gambar, cek gambar di bawah ini:
Pada tahap ini, jikalau teman sudah mendapat arahan iklan Google AdSense-nya, silakan cocokkan arahan data-ad-client dan data-ad-slot yang ada pada iklan AdSense milik teman tersebut dengan arahan 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 arahan diatas, maksudnya arahan Ca-Pub dan Ad-Slot yang didapatkan tadi.
Cek juga arahan diatas, saya menambahkan arahan ini: style="display:block;height:250px. Tahu untuk apa fungsi arahan ini? Agar iklannya memanjang ke bawah. Makanya, saya katakan bahwa penerapan, pembuatan, dan/atau penayangan iklan Google AdSense 10 baris diatas dibentuk tanpa pemberian CSS.
CSS intinya memberatkan loading blog, tapi pengaruhnya tidak separah atau kuat besar terhadap kecepatan loading situs web. Praktisnya, beratnya ukuran CSS tidak seberat arahan HTML dan JavaScript.
Nah jikalau 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 arahan iklan di dalam artikel atau di tengah postingan blog, pastikan kodenya di Parse dulu. Silakan Googling, Parse HTML. Hasil arahan 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 arahan iklan Google AdSense milik saya; selanjutnya diimplementasikan ke template blogger dan cocokkan dengan arahan unit iklan yang teman miliki ketika ini. Ok semoga berguna.*
