Alytica Docs
Guides

NuxtJS

Integrate Alytica with your NuxtJS application.

1. Installation

npm install alytica-js

2. Create a Plugin

Create plugins/alytica.client.ts:

import { Alytica } from 'alytica-js';
 
export default defineNuxtPlugin((nuxtApp) => {
  const alytica = new Alytica({
    clientId: 'your-client-id',
    clientSecret: 'your-client-secret',
    trackPageViews: true
  });
 
  nuxtApp.provide('alytica', alytica);
});

3. Use in Components

<script setup>
const { $alytica } = useNuxtApp()
 
function trackEvent() {
  $alytica.track('button_click', { component: 'nuxt' })
}
</script>

Best Practices

  • Use the .client.ts plugin to ensure client-side only initialization
  • 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

Previous

NextJs

Next

React

On this page