Analytics

Collect the basic analytics with a privacy focused analytics tool

Pirsch

Setup

Create a new site on
Set the data-code in the Pirsch script tag in layout.ts

<script
    defer
    type="text/javascript"
    src="/pirsch-extended.js"
    id="pirschextendedjs"
    data-code=""
/>

Safe routing

Some browsers and ad-blockers might block the requests to the Pirsch javascript file.

To avoid that, Shipped includes a rewrite rule in next.config.js

async rewrites() {
  return [
    {
      source: "/pirsch-extended.js",
      destination: "https://api.pirsch.io/pirsch-extended.js",
    },
  ];
},

This rule is already included, so no action from you is required.

Extra

SimpleAnalytics

To enable add this code to the layout.ts file

import Script from "next/script"


export default function RootLayout({
  children,
}: {
  children: React.ReactNode;
}) {
  return (
    <html lang="en">
      <head>
        /* ... */
        <Script src="/simple-analytics.js" />
        <noscript>
          <img
            src="/simple-analytics-noscript.gif"
            alt=""
            referrerPolicy="no-referrer-when-downgrade"
          />
        </noscript>
      </head>
      <body className={inter.className}>
        <Providers>{children}</Providers>
      </body>
    </html>
  );
}

Then update next.config.js

async rewrites() {
  return [
    {
      source: "/simple-analytics.js",
      destination: "https://scripts.simpleanalyticscdn.com/latest.js",
    },
        {
      source: "/simple-analytics-noscript.gif",
      destination: "https://queue.simpleanalyticscdn.com/noscript.gif",
    },
  ];
},

PreviousAffiliate Program NextAuthentication

Last updated 1 year ago

Was this helpful?