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",
},
];
},Last updated
Was this helpful?