Guides
Vue
Integrate Alytica with your Vue application.
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);
}
};
import { createApp } from 'vue';
import { AlyticaPlugin } from './plugins/alytica';
import App from './App.vue';
const app = createApp(App);
app.use(AlyticaPlugin);
app.mount('#app');
<script setup>
import { inject } from 'vue';
const alytica = inject('alytica');
function trackEvent() {
alytica.track('button_click', { component: 'vue' });
}
</script>
- 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