Tidak seperti blogspot atau wordpress yang sangat mudah untuk memasang iklan Adsense, di Hugo ada beberapa tahap untuk memasang Adsense.

Kita akan memasang Adsense di homepage secara otomatis, sedangkan di bagian post secara manual menggunakan shortcode

Setting Dashboard Adsense

Sebelum kita memasang Adsense, pastikan website kita sudah disetuji oleh Google seperti ini.

Jika website nya sudah disetujui oleh Google, kita sekarang akan membuat iklannya.

1. Masuk ke bagian Iklan
2. Pada bagian Menurut situs buat iklan yang disarankan dan Iklan dalam Artikel
3. Pada bagian Setelan global aktifkan fitur Izinkan Google mengoptimalkan ukuran iklan seluler Anda
4. Sekarang kita masuk ke bagian Menurut situs dan klik Dapatkan Kode dan salin code nya.
   Kode ini yang akan kita pasang di situs hugo kita.

1	2

Memasang kode adsense di homepage

Catatan:
Sebelum memasang script ini perlu diperhatikan struktur tema yang kalian gunakan, disini saya memakan tema stack.
Pastikan kalian memasangnya di lokal folder bukan di folder tema
Jadi jika kalian menggunakan tema yang sama, kalian bisa ikuti cara saya dibawah ini.

1. Saya memasang script nya di bagian footer bukan header, tapi kalian bebas dimana saja yang penting script nya ter-load oleh browser.
   Struktur folder saya seperti ini dan kode tadi di pasang di custom.html

1
2
3
4

rmdhnreza.my.id/layouts/
├── partials
    ├── footer
        └── custom.html

2. Save dan coba secara lokal apakah script nya sudah ter-load oleh browser.
   Disini kita bisa lihat bahwa script adsbygoogle.js sudah ter-load oleh browser.

Catatan: Jika terdapat error

• Pastikan kalian matikan adblocker nya
• Pastikan DNS Level Adblocker nya dimatikan juga (Adguard Home, NextDNS, Pi-Hole, Dll)

3. Dengan ini sebetulnya Adsense sudah bisa tampil dihalaman website kita tetapi hanya pada bagian homepage nya saja.

Memasang kode adsense di post

Untuk memasang nya secara manual di postingan kita harus membuat shortcode terlebih dahulu.
Struktur folder untuk shortcode nya seperti ini dan diberi nama adsense.html

1
2
3

rmdhnreza.my.id/layouts
├── shortcodes
    └── adsense.html

1. Setting Iklan dalam artikel nya seperti ini jika sudah klik Simpan dan dapatkan kode

1	2

2. Salin kode nya ke adsense.html
3. Untuk memasang Adsense di postingan kita cukup memakai shortcode {{-% adsense %-}} (tanpa tanda -).

Contoh nya

1
2
3
4
5
6
7

Paragraf 1

Paragraf 2

{{-% adsense %-}}

paragraf 3

Dengan kode diatas, iklan adsense akan muncul setelah paragraf 2 dan sebelum paragraf 3

Jangan lupa hapus tanda strip (-) setelah dan sebelum kurung kurawal

Iklan tidak muncul

1. Iklan tidak akan muncul di localhost, pastikan kalian sudah hosting hugo website nya secara live
2. Matikan Adblocker (Extensions atau DNS-Level Adblocker)
3. Matikan juga fitur tracking content (Firefox, Vivaldi)
4. Matikan Brave Shield untuk pengguna Brave Browser