Install guide · framework · ~3 min
Register a .client.ts plugin.
Nuxt 3 uses a .client.ts suffix to mark plugins as browser-only. Drop a plugin file in plugins/ and you are done.
Add @admaxxer/pixel to your project.
npm install @admaxxer/pixel
Create plugins/admaxxer.client.ts. The .client suffix tells Nuxt to run it only in the browser.
plugins/admaxxer.client.ts tsimport { initPixel } from '@admaxxer/pixel';
export default defineNuxtPlugin(() => {
initPixel({ websiteId: 'YOUR_WEBSITE_ID' });
});
Load any public page on your site in a fresh browser tab. Within a few seconds, the Admaxxer dashboard realtime view should show the event. If nothing lands after 2 minutes, re-check the snippet is actually in the rendered HTML <head> (View Source, not just DevTools).