Pulse Logo
Pulse
Back to Integrations

Vue.js Integration

Integrating Pulse with Vue.js is straightforward. You can add the script to your index.html file.

Method 1: index.html (Recommended)

Add the script tag to the <head> section of your index.html file. This works for both Vue 2 and Vue 3 projects created with Vue CLI or Vite.

index.html
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    
    <!-- Pulse Analytics -->
    <script 
      defer 
      data-domain="your-site.com" 
      src="https://pulse.ciphera.net/script.js"
    ></script>
    
    <title>My Vue App</title>
  </head>
  <body>
    <div id="app"></div>
    <script type="module" src="/src/main.js"></script>
  </body>
</html>

Method 2: Nuxt.js

For Nuxt.js applications, you should add the script to your nuxt.config.js or nuxt.config.ts file.

nuxt.config.ts
export default defineNuxtConfig({
  app: {
    head: {
      script: [
        {
          src: 'https://pulse.ciphera.net/script.js',
          defer: true,
          'data-domain': 'your-site.com'
        }
      ]
    }
  }
})