Logo

EazyStats

Guide

Install EazyStats in 2 minutes

Step-by-step guides to install EazyStats tracking code on your platform

Vue.js

Vue.jsVue.js Integration

Add EazyStats to your Vue.js project

Follow these simple steps to integrate EazyStats analytics into your Vue.js application and start tracking your users.

1

Add tracking script to main.js

The recommended way to add scripts to all pages in a Vue.js application is by adding it to your main entry file.

folder_openOpen your main file

Usually main.js or main.ts

codemain.js
          
      import { createApp } from 'vue'
      import App from './App.vue'

      // Add EazyStats script
      const script = document.createElement('script')
      script.defer = true
      script.setAttribute('data-site-id', 'your_website_id')
      script.setAttribute('data-site-domain', 'yourdomain.com')
      script.src = 'https://eazystats.com/tracker.js'
      document.head.appendChild(script)

      createApp(App).mount('#app')
warning

Replace Placeholder Values

Important: Make sure to replace the placeholder values:

  • • your_website_id → Your actual Website ID from EazyStats
  • • yourdomain.com → Your website's root domain
2

Alternative: Using index.html

You can also add the script directly to your index.html file if you prefer:

codepublic/index.html
<script
  defer=""  data-site-id="your_website_id"  data-site-domain="yourdomain.com"  src="https://eazystats.com/tracker.js"
> </script>
3

Verify installation

After implementing either method above, follow these steps to verify everything is working:

rocket_launchDeploy

Visit your live website

analyticsCheck Dashboard

View your dashboard for incoming data

scheduleWait

Data appears within a few minutes

celebrationYou're all set!

Your Vue.js app should now be tracking visitors with EazyStats. Check your dashboard to see your analytics!