Menambahkan Google Adsense di NuxtJS

March 18, 2021 1 min read
Sudah siap memonetize aplikasi/web NuxtJS-mu dengan Google Adsense? Ini caranya.

Ada banyak cara untuk memasang Google Adsense di project Nuxt kita, tapi kali ini kita akan memasangnya menggunakan cara yang paling mudah, yaitu menggunakan plugin google-adsense-module.

Plugin ini juga tersedia di Nuxt Module, situs direktori yang berisi plugin untuk NuxtJS yang lumayan lengkap.

Instal Google Adsense di NuxtJS

Pertama, tambahkan paket google-adsense-module ke dalam project.

npm install @nuxtjs/google-adsense

# atau

yarn add @nuxtjs/google-adsense


Selanjutnya tambahkan @nuxtjs/google-adsense pada module di nuxt.config.js.

{
  modules: [
    // Konfigurasi sederhana
    ['@nuxtjs/google-adsense', {
      id: 'ca-pub-###########'
    }]
 ]
}

Jangan lupa ubah ca-pub-########### dengan kode penayanganmu.

Kode iklan asinkron (//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js) akan otomatis ditambahkan pada <head>.

Jalankan yarn dev atau npm run dev dan lihat hasilnya.


Terima kasih sudah membaca artikel "Menambahkan Google Adsense di NuxtJS"
Bagikan
Silahkan Login untuk berkomentar.