arthur/hub
1
0
Fork 0
mirror of https://github.com/arthur-pbty/hub.git synced 2026-06-03 15:07:28 +02:00
Code Issues Packages Projects Releases Wiki Activity

feat: ajouter des scripts Google Ads et Matomo Analytics dans le layout

Browse Source
This commit is contained in:
Puechberty Arthur
2026-04-25 11:46:27 +02:00
parent 7f7f554c48
commit b06d4e6844
1 changed files with 76 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app/layout.tsx
+76 -28
View File
@@ -2,6 +2,7 @@ import type { Metadata } from "next";
import { Geist, Geist_Mono } from "next/font/google";
import Link from "next/link";
import JsonLd from "@/components/JsonLd";
import Script from "next/script";
import "./globals.css";
const geistSans = Geist({
@@ -16,11 +17,13 @@ const geistMono = Geist_Mono({
export const metadata: Metadata = {
title: "ArthurP.fr – Hub de projets et outils",
description: "Découvre tous les outils, bots Discord, QCM, générateurs et ressources créés par ArthurP. Un point d’accès unique pour tout ce que je développe et partage.",
description:
"Découvre tous les outils, bots Discord, QCM, générateurs et ressources créés par ArthurP. Un point d’accès unique pour tout ce que je développe et partage.",
metadataBase: new URL("https://arthurp.fr"),
openGraph: {
title: "ArthurP.fr – Hub de projets et outils",
description: "Découvre tous les outils, bots Discord, QCM, générateurs et ressources créés par ArthurP.",
description:
"Découvre tous les outils, bots Discord, QCM, générateurs et ressources créés par ArthurP.",
url: "https://arthurp.fr",
siteName: "ArthurP.fr",
locale: "fr_FR",
@@ -29,7 +32,8 @@ export const metadata: Metadata = {
twitter: {
card: "summary_large_image",
title: "ArthurP.fr – Hub de projets et outils",
description: "Découvre tous les outils, bots Discord, QCM, générateurs et ressources créés par ArthurP.",
description:
"Découvre tous les outils, bots Discord, QCM, générateurs et ressources créés par ArthurP.",
},
robots: {
index: true,
@@ -44,14 +48,33 @@ export default function RootLayout({
}>) {
return (
<html lang="fr">
<head>
<script
<body
className={`${geistSans.variable} ${geistMono.variable} antialiased bg-white text-zinc-900`}
>
{/* Ads (Google) */}
<Script
async
src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-6938358002331071"
crossOrigin="anonymous"
></script>
</head>
<body className={`${geistSans.variable} ${geistMono.variable} antialiased bg-white text-zinc-900`}>
/>
{/* Matomo Analytics */}
<Script id="matomo" strategy="afterInteractive">
{`
var _paq = window._paq = window._paq || [];
_paq.push(['trackPageView']);
_paq.push(['enableLinkTracking']);
(function() {
var u="https://analytics.arthurp.fr/";
_paq.push(['setTrackerUrl', u+'matomo.php']);
_paq.push(['setSiteId', '1']);
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s);
})();
`}
</Script>
<JsonLd
data={{
"@context": "https://schema.org",
@@ -68,48 +91,73 @@ export default function RootLayout({
},
}}
/>
<div className="min-h-screen flex flex-col">
<div className="flex-1">
{children}
</div>
<div className="flex-1">{children}</div>
<footer className="w-full border-t border-zinc-200 bg-zinc-50">
<div className="mx-auto grid max-w-6xl grid-cols-1 gap-10 px-6 py-12 text-sm text-zinc-600 md:grid-cols-3">
<div>
<h2 className="text-base font-semibold text-zinc-900">Navigation</h2>
<nav aria-label="Navigation principale" className="mt-4 flex flex-col gap-2">
<Link href="/" className="hover:text-zinc-900 hover:underline">Accueil</Link>
<Link href="/#projets" className="hover:text-zinc-900 hover:underline">Projets</Link>
<a href="https://contact.arthurp.fr" target="_blank" rel="noopener noreferrer" className="hover:text-zinc-900 hover:underline">Contact</a>
<h2 className="text-base font-semibold text-zinc-900">
Navigation
</h2>
<nav className="mt-4 flex flex-col gap-2">
<Link href="/">Accueil</Link>
<Link href="/#projets">Projets</Link>
<a
href="https://contact.arthurp.fr"
target="_blank"
rel="noopener noreferrer"
>
Contact
</a>
</nav>
</div>
<div>
<h2 className="text-base font-semibold text-zinc-900">ArthurP.fr</h2>
<h2 className="text-base font-semibold text-zinc-900">
ArthurP.fr
</h2>
<div className="mt-4 flex flex-col gap-2">
<a href="https://arthurp.fr" target="_blank" rel="noopener noreferrer" className="hover:text-zinc-900 hover:underline">arthurp.fr</a>
<a href="https://github.com/arthur-pbty" target="_blank" rel="noopener noreferrer" className="hover:text-zinc-900 hover:underline">GitHub</a>
<a href="mailto:contact@arthurp.fr" className="hover:text-zinc-900 hover:underline">contact@arthurp.fr</a>
<a href="https://contact.arthurp.fr" target="_blank" rel="noopener noreferrer" className="hover:text-zinc-900 hover:underline">contact.arthurp.fr</a>
<a
href="https://arthurp.fr"
target="_blank"
rel="noopener noreferrer"
>
arthurp.fr
</a>
<a
href="https://github.com/arthur-pbty"
target="_blank"
rel="noopener noreferrer"
>
GitHub
</a>
<a href="mailto:contact@arthurp.fr">contact@arthurp.fr</a>
</div>
</div>
<div>
<h2 className="text-base font-semibold text-zinc-900">Légal</h2>
<nav aria-label="Liens légaux" className="mt-4 flex flex-col gap-2">
<Link href="/legal/mentions-legales" className="hover:text-zinc-900 hover:underline">Mentions légales</Link>
<Link href="/legal/confidentialite" className="hover:text-zinc-900 hover:underline">Confidentialité</Link>
<Link href="/legal/cgu" className="hover:text-zinc-900 hover:underline">CGU</Link>
<h2 className="text-base font-semibold text-zinc-900">
Légal
</h2>
<nav className="mt-4 flex flex-col gap-2">
<Link href="/legal/mentions-legales">Mentions légales</Link>
<Link href="/legal/confidentialite">Confidentialité</Link>
<Link href="/legal/cgu">CGU</Link>
</nav>
</div>
</div>
<div className="border-t border-zinc-200 px-6 py-5 text-center text-sm text-zinc-500">
<p>© {new Date().getFullYear()} Arthur P. Tous droits réservés.</p>
<p className="mt-1">Fait avec passion et auto-hébergé sur Proxmox.</p>
<p className="mt-1">
Fait avec passion et auto-hébergé sur Proxmox.
</p>
</div>
</footer>
</div>
</body>
</html>
);
}
}