Cara pasang kode iklan Adsense di blog
Tutorial blogger kali ini akan membahas tentang cara memasang kode iklan Google Adsense yang baik dan benar tanpa harus parse code iklan tersebut.

Sebetulnya memasang kode iklan Adsense di blog/website dengan cara di parse atau di convert terlebih dahulu, maka patut ditinggalkan karena itu adalah cara lama dan perlu dihindari. Sebab, kode iklan Google Adsense alangkah baiknya tidak diparse sedemikian rupa.

Ada cara yang lebih efektif untuk memasang iklan Google Adsense di blog/website. Pun cara pemasangan kode iklan berikut ini lebih aman dan akan meminimalisir size blog dibandingkan dengan menggunakan cara lama.

Cara pemasangan/peletakkan kode iklan Google Adsense yang benar adalah sebagai berikut.

Misalkan kode slot iklan dari akun Adsense adalah seperti berikut ini:

<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- Your AD slot name -->
<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-0000000000000000"
     data-ad-slot="1234567890"
     data-ad-format="auto"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

Copy code tersebut, pastekan terlebih dahulu ke Notepad atau Notepad++ agar lebih mudah mengurainya. Lalu ikuti langkah-langkah berikut ini:

Langkah 1

Ambil kode berikut ini:
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>

Lalu ubah menjadi seperti ini:
<script async= "async" src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>

Letakkan kode tersebut di atas kode </body> atau &lt;!--</body>--&gt;&lt;/body&gt;

Perhatian:
Sebetulnya yang menyebabkan kode iklan Adsense tidak bisa langsung diletakkan di dalam HTML blogger adalah kode async. Harusnya penggunaan async yang benar ialah async="async"

Langkah 2

Selanjutnya, sisa kode yang ini:

<!-- Your AD slot name -->
<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-0000000000000000"
     data-ad-slot="1234567890"
     data-ad-format="auto"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

Copy kode tersebut, lalu letakkan pada layout atau bagian tertentu (di bawah judul atau di dibawa/samping postingan) pada tempat dimana iklan tersebut ingin ditampilkan pada blog.

Lalu simpan template.

Catatan:
  • Langkah 1 cukup sekali dilakukan, apapun jenis iklannya (banner, ads link, ad responsive, native ads,
    dll)
  • Jika ingin menambahkan beberapa slot iklan Google Adsense lagi di blog, cukup hanya meng-copy kode seperti yang ada pada Langkah 2.

Simak juga: Mengatasi Iklan Adsense Kadang Tidak Muncul Setelah Pakai HTTPS

Cara memasang iklan responsive dan lebar di postingan

Adapun cara membuat iklan lebar dan responsive, yang tampilannya mengikuti ukuran lebar bidang postingan blog/website (juga di seluruh device), sebetulnya tidak harus menggunakan jenis slot iklan responsive, tetapi jenis iklan rectangle atau rectangular atau persegi panjang (ukuran 336 x 280).

Lalu kode slot iklan tersebut disesuaikan menjadi seperti ini:
<ins class='adsbygoogle' data-ad-client='ca-pub-0000000000000000' data-ad-format='rectangle' data-ad-slot='1234567890' style='display:block'></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

Cara mudahnya, silahkan buat slot iklan dari jenis iklan rectangle di akun Google Adsense, lalu tinggal mengubah ca-pub-0000000000000000 dan data-ad-slot='1234567890' dari slot iklan Adsense yang baru saja dibuat tersebut.

Setelah itu simpan Theme.

Cara modifikasi di atas aman dilakukan dan tidak melanggar TOS dari Google Adsense. Yang dilarang itu adalah memodifikasi kode JavaScript adsbygoogle.js.

Demikian tutorial kali ini, semoga membantu!
Advertisement