Scripts

Mixpanel is a product analytics platform that helps you understand how users interact with your application through event tracking, funnels, and retention analysis.

Nuxt Scripts provides a registry script composable useScriptMixpanelAnalytics() to easily integrate Mixpanel in your Nuxt app.

Examples

Tracking Events

<script setup lang="ts">
const { proxy } = useScriptMixpanelAnalytics()

function trackSignup() {
  proxy.mixpanel.track('Sign Up', {
    plan: 'premium',
    source: 'landing_page',
  })
}
</script>

Identifying Users

<script setup lang="ts">
const { proxy } = useScriptMixpanelAnalytics()

function login(userId: string) {
  proxy.mixpanel.identify(userId)
  proxy.mixpanel.people.set({
    $name: 'Jane Doe',
    $email: '[email protected]',
    plan: 'premium',
  })
}
</script>

Registering Super Properties

Mixpanel sends super properties with every subsequent event:

<script setup lang="ts">
const { proxy } = useScriptMixpanelAnalytics()

proxy.mixpanel.register({
  app_version: '2.0.0',
  platform: 'web',
})
</script>
Edit this page
Markdown For LLMs

Meta Pixel

Use Meta Pixel in your Nuxt app.

NPM

Load IIFE scripts from NPM in your Nuxt app.