Alytica Docs
Guides

Vue

Integrate Alytica with your Vue application.

1. Installation

npm install alytica-js

2. Create a Plugin

import { App } from 'vue';
import { Alytica } from 'alytica-js';
 
export const AlyticaPlugin = {
  install: (app: App) => {
    const alytica = new Alytica({
      clientId: 'your-client-id',
      clientSecret: 'your-client-secret',
      trackPageViews: true
    });
 
    app.config.globalProperties.$alytica = alytica;
    app.provide('alytica', alytica);
  }
};

3. Use in Main.ts

import { createApp } from 'vue';
import { AlyticaPlugin } from './plugins/alytica';
import App from './App.vue';
 
const app = createApp(App);
app.use(AlyticaPlugin);
app.mount('#app');

4. Use in Components

<script setup>
import { inject } from 'vue';
 
const alytica = inject('alytica');
 
function trackEvent() {
  alytica.track('button_click', { component: 'vue' });
}
</script>

Best Practices

  • Replace 'your-client-id' and 'your-client-secret' with your actual Alytica credentials
  • Configure tracking options based on your specific requirements
  • Ensure compliance with privacy regulations when tracking user data

On this page