Analytics

Collect the basic analytics with a privacy focused analytics tool

Pirsch

Setup

Create a new site on Pirsch
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

Pirsch allows you to track specific events on the page. See the documentation.

SimpleAnalytics

SimpleAnalytics is another popular analytics product.

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 2 years ago