How to simply integrate Fathom Analytics?

Hey guys, I am trying to figure it out how to implement Fathom Analytics as plugin in Nuxt3 without any other package. I created plugin in my plugins folder:

fathom.client.ts

fathom.client.ts

, but I am not sure if I am right. Can you help me?

import * as Fathom from 'fathom-client';

export default defineNuxtPlugin((nuxtApp) => {
    Fathom.load('###', {
        url: '###',
    });

    Fathom.trackPageview();
});

import * as Fathom from 'fathom-client';

export default defineNuxtPlugin((nuxtApp) => {
    Fathom.load('###', {
        url: '###',
    });

    Fathom.trackPageview();
});

If it is possible I want to define variables in my

nuxt.config.ts

nuxt.config.ts

file like this:

export default defineNuxtConfig({
  fathom: {
    siteId: '###',
    url: '###',
  },
});

export default defineNuxtConfig({
  fathom: {
    siteId: '###',
    url: '###',
  },
});

Nuxt•4y ago•

4 replies

Trauma Zombie

How to simply integrate Fathom Analytics?

Hey guys, I am trying to figure it out how to implement Fathom Analytics as plugin in Nuxt3 without any other package. I created plugin in my plugins folder:

fathom.client.ts

fathom.client.ts

, but I am not sure if I am right. Can you help me?

import * as Fathom from 'fathom-client';

export default defineNuxtPlugin((nuxtApp) => {
    Fathom.load('###', {
        url: '###',
    });

    Fathom.trackPageview();
});

import * as Fathom from 'fathom-client';

export default defineNuxtPlugin((nuxtApp) => {
    Fathom.load('###', {
        url: '###',
    });

    Fathom.trackPageview();
});

If it is possible I want to define variables in my

nuxt.config.ts

nuxt.config.ts

file like this:

export default defineNuxtConfig({
  fathom: {
    siteId: '###',
    url: '###',
  },
});

export default defineNuxtConfig({
  fathom: {
    siteId: '###',
    url: '###',
  },
});

How to simply integrate Fathom Analytics?

Similar Threads

How to simply integrate Fathom Analytics?

Similar Threads

Similar Threads

Similar Threads