| [ Web Proxy ] |
| Viewing: https://usefathom.com/docs/integrations/nuxt | [Back] [Original] |
[Fathom Analytics] [Fathom Analytics] Before you begin: Create your Fathom account and add your website to get its site ID. Already have one? Youre ready to follow the steps below.
Its easy to get Fathom Analytics working with Nuxt.js, and weve been fortunate to have customers help us write this documentation.
Note: If you are using Nuxt 2, a member of the Fathom community built a Fathom Analytics plugin for Nuxt 2:
One of our customers, Valgeir, has created a Nuxt module that makes it super easy to set up Fathom in your Nuxt app. The unofficial plugin can be found here. To install, run one the following commands (select the command that uses your chosen package manager):
# pnpm
pnpm add -D nuxt-fathom
# npm
npm i -D nuxt-fathom
# yarn
yarn add -D nuxt-fathomAdd nuxt-fathom to the modules section of your Nuxt configuration and provide your Fathom site ID:
// `nuxt.config.ts`
export default defineNuxtConfig({
modules: ["nuxt-fathom"],
fathom: {
siteId: "FATHOM_SITE_ID",
},
});Under the hood, this module uses fathom-client, which provides some configuration options. You can see those options here.
And now youre ready to roll!
A huge thanks to Charlie Joseph for writing this guide on his personal website.
Ready to check your setup? Visit your published website, then open its Fathom dashboard to check for your first pageview. If it doesnt appear, our installation troubleshooting guide will help.
Find help with setup, your analytics, or your account.
Tell us what you're trying to do. We're happy to help.
A simple, privacy-friendly Google Analytics alternative.
We've counted billions of pageviews for thousands of customers, all without ever compromising anyone's privacy. Questions? Get in touch with us here.
© 2026 Fathom Analytics| Web Proxy Viewer | New URL | Original Page |