Menambahkan Hotjar Analytics di NuxtJS

March 25, 2021 2 min read
Kamu ingin menganalisa perilaku dan tindakan pengunjung web? Coba pakai Hotjar, dan berikut ini cara menambahkannya di project NuxtJS.

Sebelum lanjut ke tutorial, mari kita sejenak membahas apa itu Hotjar, dan apa fungsinya buat website kita.

Apa itu Hotjar?

Hotjar merupakan tools analisis pengunjung web yang membantu kita menganalisis perilaku dan tindakan pengunjung selama berada di situs web kita.

Selanjutnya, Hotjar akan memvisualisasikan keterlibatan pengunjung selama berada di website kita (Visual engagement).

Perlu diketahui, Hotjar bukanlah pengganti atau alternatif Google Analytics, Hotjar sangat cocok digunakan bersamaan dengan tools Google Analytics maupun tools analisis lainnya.

Hotjar dilengkapi dengan heatmaps interaktif yang terdiri dari jumlah klik dan tindakan pengunjung web, rekaman pada sesi tertentu (visitor recordings), kumpulan testimoni pengunjung yang berasal dari survei, umpan balik dari poling yang kita buat (feedback polls), serta berbagai fitur lain yang memudahkan kita untuk menganalisis dan mengambil keputusan.

Menambahkan Hotjar di NuxtJS

Pastikan kamu sudah memiliki akun Hotjar ya.

Modul yang kita gunakan adalah @netsells/nuxt-hotjar.

Tambahkan paket ke dalam project menggunakan NPM.

npm i @netsells/nuxt-hotjar

Selanjutnya, tambahkan modul @netsells/nuxt-hotjar ke dalam nuxt.config.js.

modules: [
    ...
    ['@netsells/nuxt-hotjar', { 
        id: 'hjid_mu', 
        sv: 'hjsv_mu',
    }],
    ...
]


Ubah hjid dan hjsv sesuai dengan yang ada di akun Hotjarmu.

Jalankan npm run dev, dan lihat hasilnya.


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