Tracking domains outside of "domain" property #34

JamesSingleton · 2022-01-18T16:03:16Z

JamesSingleton
Jan 18, 2022

I noticed that when opening a PR in a Next.js app that has next-plausible enabled will track analytics on a URL created by Vercel, for example https://repo-name-branch-name.vercel.app. I asked Plausible about this on Twitter and their suggestion was to reach out to next-plausible. My guess is that next-plausible is just enabling the script on anything that is NODE_ENV=production. The only way I found out was I sent a link created by Vercel to a friend of mine and Plausible was showing his City and State.

import '@styles/main.css'
import { FC, useEffect } from 'react'
import type { AppProps } from 'next/app'
import PlausibleProvider from 'next-plausible'
import { Head } from '@components/common'

const Noop: FC = ({ children }) => <>{children}</>

export default function MyApp({ Component, pageProps }: AppProps) {
  const Layout = (Component as any).Layout || Noop

  useEffect(() => {
    document.body.classList?.remove('loading')
  }, [])

  return (
    <PlausibleProvider domain="redshirtsports.xyz" trackOutboundLinks={true}>
      <Head />
      <Layout pageProps={pageProps}>
        <Component {...pageProps} />
      </Layout>
    </PlausibleProvider>
  )
}

4lejandrito · 2022-01-22T11:39:53Z

4lejandrito
Jan 22, 2022
Maintainer

Hi @JamesSingleton! I'll have a look and see what can be done.

3 replies

4lejandrito Jun 7, 2022
Maintainer

Hi @JamesSingleton,

Sorry for the late response, I became a father in February and completely forgot about this.

I just did my research and found this https://vercel.com/docs/concepts/projects/environment-variables. Apparently vercel sets the NEXT_PUBLIC_VERCEL_ENV variable that can contain either development, preview and production.

You could use that variable to disable PlausibleProvider accordingly. I might add it as a feature to next-plausible to do that automatically when I have some time.

Let me know if that helps.

4lejandrito Jun 7, 2022
Maintainer

Another option would be to populate the domain prop with NEXT_PUBLIC_VERCEL_URL and send the analytics to that domain.

JamesSingleton Jun 7, 2022
Author

@4lejandrito that is awesome! Congrats! I will take a look when I have some time.

4lejandrito · 2022-06-07T21:17:23Z

4lejandrito
Jun 7, 2022
Maintainer

Thanks! I've created a draft PR if you want to have a look with the first approach: #46.

1 reply

4lejandrito Aug 26, 2022
Maintainer

Merged!

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Tracking domains outside of "domain" property #34

{{title}}

Replies: 2 comments 4 replies

{{title}}

{{title}}

{{title}}

{{title}}

{{title}}

{{editor}}'s edit

{{editor}}'s edit

{{title}}

Select a reply

Tracking domains outside of "domain" property #34

JamesSingleton Jan 18, 2022

Replies: 2 comments · 4 replies

4lejandrito Jan 22, 2022 Maintainer

4lejandrito Jun 7, 2022 Maintainer

4lejandrito Jun 7, 2022 Maintainer

JamesSingleton Jun 7, 2022 Author

4lejandrito Jun 7, 2022 Maintainer

4lejandrito Aug 26, 2022 Maintainer

JamesSingleton
Jan 18, 2022

Replies: 2 comments 4 replies

4lejandrito
Jan 22, 2022
Maintainer

4lejandrito Jun 7, 2022
Maintainer

4lejandrito Jun 7, 2022
Maintainer

JamesSingleton Jun 7, 2022
Author

4lejandrito
Jun 7, 2022
Maintainer

4lejandrito Aug 26, 2022
Maintainer