feat: switch simpleanalytics for my new baby : Shynet

tetuaoro · tetuaoro · commit 9191c710b5f1 · 2023-03-26T11:22:47.000-10:00
* Shynet it's the most powerfull analytics sofware which respect the privacy data... nah it's just free/open source tool
* increase padding on footer due to blurBottom, the links was hide
diff --git a/next.config.js b/next.config.js
@@ -1,6 +1,9 @@
 /** @type {import('next').NextConfig} */
 const nextConfig = {
   reactStrictMode: true,
+  images: {
+    domains: ["analytics.rao-nagos.pf"],
+  },
 }
 
 module.exports = nextConfig
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "raonagos",
-  "version": "0.2.4",
+  "version": "0.2.5",
   "private": true,
   "scripts": {
     "dev": "node server/server.mjs",
diff --git a/pages/_document.tsx b/pages/_document.tsx
@@ -1,7 +1,5 @@
 import { Html, Head, Main, NextScript } from "next/document"
 
-import type { CSSProperties } from "react"
-
 const Document = () => {
   return (
     <Html lang="fr">
@@ -16,28 +14,10 @@ const Document = () => {
       </Head>
       <body>
         <Main />
-        <BlurBottomPage />
         <NextScript />
       </body>
     </Html>
   )
 }
 
-const BlurBottomPage = () => {
-  const style: CSSProperties = {
-    width: "100%",
-    height: "4%",
-    position: "fixed",
-    bottom: 0,
-    zIndex: 998,
-    backdropFilter: "blur(1px)"
-  }
-
-  return (
-    <>
-      <div style={style}></div>
-    </>
-  )
-}
-
 export default Document
diff --git a/pages/index.tsx b/pages/index.tsx
@@ -1,8 +1,10 @@
 import Head from "next/head"
 import Script from "next/script"
+import Image from "next/image"
 import { useEffect, useState } from "react"
 import { siteurl, sitename, fbAppId, description } from "@libs/app"
 import Organization from "@libs/schema"
+import BlurBottom from "@components/blurBottom"
 import Whoweare from "@components/whoweare"
 import Whatwedo from "@components/whatwedo"
 import Prices from "@components/prices"
@@ -63,12 +65,16 @@ const Page: NextPage = () => {
       <Prices />
       <Details />
       <ContactForm />
+      <BlurBottom />
       {showCookies && (
         <CookieConsent expires={90} cookieName="rao_nagos_acceptcgu" buttonText="Bien sûr" buttonStyle={{ color: "white", backgroundColor: "#00abf3", borderRadius: "15px" }}>
           {"En poursuivant votre navigation, vous acceptez les conditions d'utilisation."}
         </CookieConsent>
       )}
-      <Script key="simpleanalytics" src="https://sa.rao-nagos.pf/latest.js" />
+      <Script id="shynet" src="https://analytics.rao-nagos.pf/ingress/7c202c1e-7850-4318-bb57-0e91fe6d6da4/script.js" />
+      <noscript>
+        <Image src="https://analytics.rao-nagos.pf/ingress/7c202c1e-7850-4318-bb57-0e91fe6d6da4/pixel.gif" alt="analytics pixel for rao nagos" width={1} height={1} />
+      </noscript>
     </>
   )
 }
diff --git a/src/components/blurBottom.tsx b/src/components/blurBottom.tsx
@@ -0,0 +1,21 @@
+import type { CSSProperties, FC } from "react"
+
+const BlurBottom: FC = () => {
+  const style: CSSProperties = {
+    width: "100%",
+    height: "4%",
+    position: "fixed",
+    bottom: 0,
+    left: 0,
+    zIndex: 998,
+    backdropFilter: "blur(1px)",
+  }
+
+  return (
+    <>
+      <div style={style}></div>
+    </>
+  )
+}
+
+export default BlurBottom
diff --git a/src/components/footer.tsx b/src/components/footer.tsx
@@ -4,6 +4,7 @@ import Link from "next/link"
 import { useRouter } from "next/router"
 
 import type { FC } from "react"
+import BlurBottom from "./blurBottom"
 
 const Footer: FC = () => {
   const [facebookUrl, setFbURL] = useState(`https://www.facebook.com/raonagos`)
@@ -16,7 +17,7 @@ const Footer: FC = () => {
   const match = pathname.match(/^(\/terms|\/privacy)$/)
 
   return (
-    <footer className={`full-bleed ${match ? "bg-gray-200" : "bg-primary-100 text-white"} py-4 lg:py-12 px-4 lg:px-20`}>
+    <footer className={`full-bleed ${match ? "bg-gray-200" : "bg-primary-100 text-white"} py-12 px-4 lg:px-20`}>
       <div className="flex flex-col justify-evenly lg:flex-row gap-y-8">
         <div>
           <div className="flex flex-col gap-y-2">

Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,9 @@`
`1`	`1`	`/** @type {import('next').NextConfig} */`
`2`	`2`	`const nextConfig = {`
`3`	`3`	`reactStrictMode: true,`
	`4`	`+ images: {`
	`5`	`+ domains: ["analytics.rao-nagos.pf"],`
	`6`	`+ },`
`4`	`7`	`}`
`5`	`8`
`6`	`9`	`module.exports = nextConfig`
Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,6 @@`
`1`	`1`	`{`
`2`	`2`	`"name": "raonagos",`
`3`		`- "version": "0.2.4",`
	`3`	`+ "version": "0.2.5",`
`4`	`4`	`"private": true,`
`5`	`5`	`"scripts": {`
`6`	`6`	`"dev": "node server/server.mjs",`