owenrees/echecsfrance
1
0
Fork 0
mirror of https://github.com/TheRealOwenRees/echecsfrance.git synced 2026-07-23 04:26:57 +00:00
Code Issues Packages Projects Releases Wiki Activity

add Matomo analytics wihtout cookies

Browse Source
This commit is contained in:
Owen Rees
2025-11-06 13:18:29 +01:00
committed by Owen Rees
parent c27fffd1b2
commit 151d9fcb3d
6 changed files with 46 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app/[locale]/layout.tsx
+6 -7
View File
@@ -1,16 +1,16 @@
import { ReactNode } from "react";
import { ReactNode, Suspense } from "react";
import { NextIntlClientProvider } from "next-intl";
import { getTranslations } from "next-intl/server";
import { Inter, Julius_Sans_One } from "next/font/google";
import { notFound } from "next/navigation";
import Script from "next/script";
import { LocaleChecker } from "@/components/LocaleChecker";
import "@/css/globals.css";
import Providers from "@/providers";
import Footer from "./(main)/components/Footer";
import { MatomoAnalytics } from "@/components/MatomoAnalytics";
const inter = Inter({ subsets: ["latin"], variable: "--font-inter" });
const title = Julius_Sans_One({
@@ -67,6 +67,7 @@ export default async function RootLayout({
<meta name="mobile-web-app-capable" content="yes" />
<meta name="theme-color" content="#00A1F0" />
<link rel="manifest" href="/manifest.webmanifest" />
<title>Échecs France</title>
</head>
<body>
<Providers>
@@ -76,14 +77,12 @@ export default async function RootLayout({
{children}
</div>
</LocaleChecker>
<Footer />
</NextIntlClientProvider>
{/*<Script*/}
{/* defer*/}
{/* src="https://app.tinyanalytics.io/pixel/HyoumUokLr9exPgX"*/}
{/*/>*/}
<Suspense fallback={null}>
<MatomoAnalytics />
</Suspense>
</Providers>
</body>
</html>
src/components/MatomoAnalytics.tsx
+30
View File
@@ -0,0 +1,30 @@
"use client";
import { trackAppRouter } from "@socialgouv/matomo-next";
import { usePathname, useSearchParams } from "next/navigation";
import { useEffect } from "react";
const MATOMO_URL = process.env.NEXT_PUBLIC_MATOMO_URL;
const MATOMO_SITE_ID = process.env.NEXT_PUBLIC_MATOMO_SITE_ID;
export function MatomoAnalytics() {
const pathname = usePathname();
const searchParams = useSearchParams();
useEffect(() => {
trackAppRouter({
url: MATOMO_URL || "",
siteId: MATOMO_SITE_ID || "",
pathname,
searchParams, // Pass URLSearchParams object directly
// Optional: Enable additional features
enableHeatmapSessionRecording: false,
enableHeartBeatTimer: true,
cleanUrl: true,
disableCookies: true,
debug: process.env.NODE_ENV === "development",
});
}, [pathname, searchParams]);
return null;
}