Daftar Isi

Cara Memasang Kode Google AdSense di Template Blogger HTML yang Benar

pasang kode adsense di tema blog

 

Bagi para pembuat konten dan pengelola blog di platform Blogger (Blogspot), diterima menjadi mitra Google AdSense adalah salah satu pencapaian yang sangat membanggakan. AdSense hingga saat ini masih menjadi salah satu program monetisasi favorit karena reputasinya yang terpercaya dan sistem pembayarannya yang stabil.

Namun, perjalanan menuju monetisasi tidak berhenti setelah kamu mendaftar. Salah satu langkah teknis awal yang sangat krusial—baik untuk proses peninjauan situs (site review) maupun untuk menayangkan iklan—adalah memasang skrip kode Google AdSense ke dalam template HTML blog kamu.

Bagi sebagian orang, terutama yang baru terjun ke dunia blogging dan tidak memiliki latar belakang pemrograman web, melihat ribuan baris kode HTML di editor Blogger bisa terasa cukup mengintimidasi. Salah meletakkan baris kode sedikit saja bisa menyebabkan tampilan blog berantakan, atau yang lebih parah, kode iklan tidak dapat terbaca oleh sistem verifikasi Google AdSense.

Oleh karena itu, dalam artikel kali ini kita akan membahas secara tuntas, rinci, dan aman tentang bagaimana cara memasang kode Google AdSense di template Blogger HTML yang benar agar iklan dapat berjalan optimal tanpa merusak struktur blog kamu.

Mengapa Penempatan Kode AdSense Sangat Penting?

Sebelum kita masuk ke langkah praktis, mari kita pahami dulu mengapa letak kode ini sangat menentukan. Kode utama Google AdSense (sering disebut sebagai kode verifikasi atau skrip Auto Ads) berfungsi sebagai penghubung antara blog kamu dan server Google.

Ketika seorang pengunjung membuka halaman blog kamu, peramban (browser) akan membaca baris-baris kode HTML dari atas ke bawah. Jika kode AdSense ditempatkan di posisi yang tepat—yaitu di dalam bagian header—maka peramban dapat memuat skrip AdSense lebih awal dan efisien.

Sebaliknya, jika kamu salah menempatkan kode tersebut (misalnya terhapus salah satu tanda kurung siku atau diletakkan di luar tag penanda), maka beberapa masalah ini bisa terjadi:

1. Sistem AdSense gagal mendeteksi blog kamu: Hal ini dapat menyebabkan penolakan saat pendaftaran atau status site review yang tidak kunjung selesai.
2. Iklan tidak muncul sama sekali: Meskipun status akun sudah aktif, iklan tidak akan pernah tampil di halaman blog.
3. Template mengalami error: Salah mengedit HTML bisa membuat susunan tata letak (layout) blog kamu berantakan atau bahkan halaman tidak bisa diakses.
   

Langkah Persiapan: Amankan Template Blog Kamu

Prinsip utama saat berurusan dengan kode HTML adalah selalu membuat salinan cadangan (backup). Langkah ini sering kali diabaikan oleh blogger pemula karena dianggap sepele, padahal manfaatnya sangat besar untuk mengantisipasi hal-hal yang tidak diinginkan.

Berikut langkah cepat untuk mencadangkan template Blogger kamu:

1. Masuk ke dasbor Blogger.
2. Pada menu di sisi kiri, klik menu Tema (Theme).
3. Di sebelah tombol "Sesuaikan" (Customize), klik ikon tanda panah bawah.
4. Pilih opsi Cadangkan (Backup).
5. Klik tombol Download untuk menyimpan berkas file XML template kamu ke komputer atau laptop.

Tampilan Code HTML untuk Tema

Jika suatu saat kamu melakukan kesalahan saat mengedit HTML dan tampilan blog menjadi rusak, kamu cukup mengunggah kembali file XML ini melalui menu Pulihkan (Restore). Dengan begitu, blog kamu akan kembali normal seperti sedia kala.

Cara Memasang Kode AdSense di Editor HTML Blogger

Setelah template kamu aman, sekarang saatnya kita memasang kode AdSense secara manual. Opsi pengeditan manual ini jauh lebih direkomendasikan daripada fitur otomatisasi karena memberikan kontrol penuh atas penempatan skrip di dalam struktur template.

Langkah 1: Salin Kode AdSense Kamu

Pertama, buka dasbor Google AdSense kamu.

1. Jika kamu sedang dalam proses pendaftaran situs, salin kode skrip yang diberikan pada halaman utama dasbor.
2. Jika akun kamu sudah aktif, masuk ke menu Iklan (Ads) > Berdasarkan situs (By site), lalu klik Dapatkan kode (Get code).
3. Klik tombol Salin kode (Copy code snippet).

Langkah 2: Masuk ke Editor HTML Blogger

1. Kembali ke dasbor Blogger.
2. Pilih menu Tema di panel sebelah kiri.
3. Klik ikon panah bawah di sebelah tombol Sesuaikan, lalu pilih Edit HTML.
4. Kamu akan melihat tampilan jendela besar berisi ribuan baris kode program.

Langkah 3: Cari Tag Pembuka <head>

Untuk memudahkan pencarian di antara ribuan baris kode, gunakan fitur pencarian bawaan editor HTML Blogger:

1. Klik satu kali di dalam area jendela kode HTML.
2. Tekan kombinasi tombol Ctrl + F (pada Windows) atau Cmd + F (pada Mac).
3. Kotak pencarian kecil akan muncul di pojok kanan atas area editor.
4. Ketik <head> lalu tekan Enter.

Editor akan otomatis menyoroti tag <head> yang biasanya terletak di bagian-bagian awal dokumen HTML.

Langkah 4: Tempelkan Kode AdSense

1. Letakkan kursor tepat di baris baru di bawah tag <head> tersebut.
2. Tekan Enter satu kali untuk memberikan ruang kosong.
3. Tempelkan (paste) kode AdSense yang sudah kamu salin sebelumnya menggunakan tombol Ctrl + V (atau Cmd + V).

 

contoh kode adsense : 

kode adsense untuk blog

Catatan Penting:

Pastikan kode yang ditempel tidak terpotong. Skrip bawaan AdSense umumnya diawali dengan <script async src="[https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js](https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js)... dan diakhiri dengan </script>.

Langkah 5: Simpan Perubahan

Setelah memastikan posisi kode sudah benar di bawah tag <head>, klik ikon Simpan (Save) berbentuk gambar floppy disk yang berada di pojok kanan atas dasbor Blogger. Tunggu beberapa detik hingga muncul notifikasi "Update berhasil" (Update successful).

Solusi Jika Mengalami Error Parsing XML

Pada beberapa template kustom (custom theme) atau template lama, terkadang saat kamu mengeklik simpan, Blogger akan menampilkan pesan error seperti "Error parsing XML...".

Hal ini biasanya terjadi karena simbol dan (&) pada URL skrip AdSense tidak terbaca dengan benar oleh sistem parser XML Blogger. Jangan panik, cara mengatasinya sangat mudah.

Kamu hanya perlu melakukan parse kode AdSense terlebih dahulu sebelum menempelkannya ke Blogger.

1. Cari layanan HTML Converter / Parse Code gratis di mesin pencari.
2. Tempelkan kode AdSense kamu ke dalam alat tersebut, lalu konversikan.
3. Alat tersebut akan mengubah karakter khusus seperti & menjadi &.
4. Salin kode hasil konversi tersebut, lalu tempelkan kembali ke dalam template Blogger kamu di bawah tag <head>. 

penempatan kode adsense di tema blog

 

Memeriksa Apakah Kode Sudah Terpasang dengan Benar

Setelah berhasil menyimpan template, ada baiknya kamu melakukan verifikasi mandiri untuk memastikan bahwa sistem memang sudah membaca kode tersebut di halaman depan blog kamu.

1. Buka halaman utama blog kamu di jendela peramban baru.
2. Klik kanan di area kosong halaman blog, lalu pilih View Page Source (atau tekan Ctrl + U).
3. Jendela baru berisi kode sumber halaman akan terbuka.
   
   
4. Tekan Ctrl + F, lalu ketik kata kunci adsbygoogle.
5. Jika kode AdSense kamu muncul di dalam baris kode tersebut, artinya pemasangan telah berhasil 100%!

Apa Langkah Selanjutnya Setelah Kode Terpasang?

Setelah kode AdSense terpasang sempurna di dalam template Blogger, hal selanjutnya yang perlu kamu lakukan adalah kesabaran.

• Jika Blog Masih Dalam Peninjauan: Kembali ke dasbor Google AdSense, centang pernyataan bahwa kamu telah memasang kode, lalu klik tombol verifikasi/selesai. Peninjauan biasanya memakan waktu mulai dari beberapa hari hingga 2 minggu. Selama masa peninjauan ini, teruslah mempublikasikan artikel berkualitas secara konsisten.

  
  

• Jika Akun Sudah Aktif: Jika kamu menggunakan fitur Auto Ads (Iklan Otomatis), sistem AdSense membutuhkan waktu sekitar 10 hingga 60 menit untuk menganalisis tata letak blog kamu sebelum mulai menampilkan iklan di posisi-posisi strategis.

Kesimpulan

Memasang kode Google AdSense di template Blogger HTML sebenarnya sangat sederhana dan tidak membutuhkan keahlian coding tingkat lanjut. Kunci utamanya terletak pada ketelitian saat mencari tag <head> dan keberanian untuk melakukan backup data terlebih dahulu.

Dengan mengikuti panduan langkah demi langkah di atas, kamu kini bisa memastikan bahwa kode AdSense terpasang dengan benar, struktur template tetap aman dari error, dan blog kamu siap melangkah ke tahap monetisasi secara profesional. Selamat mencoba, dan semoga proses monetisasi blog kamu berjalan lancar!.

Penulis

javasetid.com