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 tentang Google AdSense adalah kita bisa memodifikasi tata letak atau tampilan dari tayangan iklan Google AdSense tersebut.

Contohnya membuat 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 membuat jenis iklan seperti ini membutuhkan yang namanya CSS dan HTML tambahan.

Cara Memasang Iklan Tautan Teks AdSense 10 Baris 5/5 di Artikel Blog

Nah... Yang menariknya adalah 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 sempurna 100% pada template blogger SEO Skill. Artikel ini pun berawal dari pertanyaan yang diajukan oleh salah satu pembeli template yang dimaksud.

  • Masuk ke akun Google AdSense
  • Ketuk menu My AdS (Iklan Saya), lalu 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 digunakan dan/atau yang ditampilkan nantinya, kita menggunakan jenis iklan Google AdSense yang Responsive agar bisa menyesuaikan dengan perangkat Smartphone; sebagaimana algoritma MobileGeddon.

Tutorial dengan gambar, cek gambar di bawah ini:

Cara Memasang Iklan Tautan Teks AdSense 10 Baris 5/5 di Artikel Blog

Pada tahap ini, kalau sobat sudah mendapatkan kode iklan Google AdSense-nya, silakan cocokkan kode data-ad-client dan data-ad-slot yang ada pada iklan AdSense milik sobat tersebut dengan kode 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 kode diatas, maksudnya kode Ca-Pub dan Ad-Slot yang didapatkan tadi.

Cek juga kode diatas, saya menambahkan kode ini: style="display:block;height:250px. Tahu untuk apa fungsi kode ini? Agar iklannya memanjang ke bawah. Makanya, saya katakan bahwa penerapan, pembuatan, dan/atau penayangan iklan Google AdSense 10 baris diatas dibuat tanpa bantuan CSS.

CSS pada dasarnya memberatkan loading blog, tapi pengaruhnya tidak separah atau berpengaruh besar terhadap kecepatan loading situs web. Praktisnya, beratnya ukuran CSS tidak seberat kode HTML dan JavaScript.

Nah kalau dirasa ukuran 250px tersebut tidak cocok dengan template blogger sobat (template blogger selain SEO Kraken), bisa diganti dengan 300px atau 360px.



Cara Membuat Buat Iklan Link Adsense Responsif 5 Baris atau Lebih


Kalau ingin menempatkan kode iklan di dalam artikel atau di tengah postingan blog, pastikan kodenya di Parse dulu. Silakan Googling, Parse HTML. Hasil kode iklan yang sudah di parse nantinya akan seperti ini:

&lt;script async src=&quot;//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js&quot;&gt;&lt;/script&gt;
&lt;!-- Judul Iklannya Tertulis Disini --&gt;
&lt;ins class=&quot;adsbygoogle&quot;
style=&quot;display:block;height:250px&quot;
data-ad-client=&quot;ca-pub-94286xxxx&quot;
data-ad-slot=&quot;94xxxx&quot;
data-ad-format=&quot;link&quot;&gt;&lt;/ins&gt;
&lt;script&gt;
(adsbygoogle = window.adsbygoogle || []).push({});
&lt;/script&gt;

Tutorial yang cukup mudah pastinya, cukup Copas kode iklan Google AdSense milik saya; selanjutnya diimplementasikan ke template blogger dan cocokkan dengan kode unit iklan yang sobat miliki saat ini. Ok semoga berguna.*


Next Post Previous Post