Menambahkan Cloudflare Web Analytics di NuxtJS

March 29, 2021 1 min read
Cara memasang tag Cloudflare Web Analytics di NuxtJS.

Beberapa waktu lalu, Cloudflare merilis sebuah tool analytic yang membantu kita memonitor pengunjung web, memahami geografis, device, dan demografi audiens.

Dikutip dari landing page Cloudflare Web Analytics, Cloudflare mengklaim bahwa tool analyticnya mengutamakan privasi pengunjung, tanpa cookies dan tanpa pengumpulan data lainnya, dan gratis tentunya.

Lalu bagaimana memasangnya di project NuxtJS kita? Kita menggunakan modul yang akan memudahkan kita untuk memasang tag analytic cloudflare, yaitu dengan modul nuxt-cloudflare-analytics.

Install Modul Cloudflare Tag Analytics

Pertama, pastikan sudah menambahkan project NuxtJS mu di Cloudflare Web Analytic, copy paste tokennya.

Kemudian install modul nuxt-cloudflare-analytics menggunakan npm atau yarn.

npm install nuxt-cloudflare-analytics

# atau

yarn add nuxt-cloudflare-analytics


Selanjutnya, tambahkan nuxt-cloudflare-analytics ke dalam module di nuxt.config.js.

modules: [
    ...
    ['nuxt-cloudflare-analytics', { 
      token: 'paste tokenmu disini', // Example 1a2b3v4a5er6ac7r8afd
      ...
  }],
]

Ubah tokenmu, simpan dan jalankan npm run dev atau yarn dev dan lihat hasilnya.


Terima kasih sudah membaca artikel "Menambahkan Cloudflare Web Analytics di NuxtJS"
Bagikan
Silahkan Login untuk berkomentar.