From 133cdbdec7645594c2ab4911e6b6b0dd24fad787 Mon Sep 17 00:00:00 2001
From: Remko <remko@conduction.nl>
Date: Fri, 22 Mar 2024 11:17:26 +0100
Subject: [PATCH] Added analytics to head

---
 pwa/gatsby-ssr.js               | 16 +---------------
 pwa/src/hooks/useEnvironment.ts |  3 ---
 pwa/src/layout/Head.tsx         |  3 +++
 3 files changed, 4 insertions(+), 18 deletions(-)

diff --git a/pwa/gatsby-ssr.js b/pwa/gatsby-ssr.js
index b95076e0..9044ecc0 100644
--- a/pwa/gatsby-ssr.js
+++ b/pwa/gatsby-ssr.js
@@ -24,21 +24,7 @@ export const wrapRootElement = ({ element }) => {
   );
 };
 
-export const onRenderBody = ({ setHeadComponents, setPostBodyComponents }) => {
-  const isBrowser = () => typeof window !== "undefined";
+export const onRenderBody = ({ setHeadComponents }) => {
   const HeadComponents = [<title key={0}>Woo Website</title>];
-  const BodyComponents = [
-    isBrowser() && window.sessionStorage.getItem("ANALYTICS_URL") ? (
-      <script
-        key={0}
-        id="analytics"
-        async
-        src={window.sessionStorage.getItem("ANALYTICS_URL")}
-      />
-    ) : (
-      <script key={0} id="analytics" />
-    ),
-  ];
   setHeadComponents(HeadComponents);
-  setPostBodyComponents(BodyComponents);
 };
diff --git a/pwa/src/hooks/useEnvironment.ts b/pwa/src/hooks/useEnvironment.ts
index 2bd0f855..d5ed94aa 100644
--- a/pwa/src/hooks/useEnvironment.ts
+++ b/pwa/src/hooks/useEnvironment.ts
@@ -12,9 +12,6 @@ export const useEnvironment = () => {
 
   const updateSessionStorage = () => {
     window.dispatchEvent(new Event("sessionStorageChange"));
-    const analyticsElement = document.getElementById("analytics");
-    window.sessionStorage.getItem("ANALYTICS_URL") &&
-      analyticsElement?.setAttribute("src", window.sessionStorage.getItem("ANALYTICS_URL") ?? "");
   };
 
   React.useEffect(() => {
diff --git a/pwa/src/layout/Head.tsx b/pwa/src/layout/Head.tsx
index 5ab8c01a..30ed3aac 100644
--- a/pwa/src/layout/Head.tsx
+++ b/pwa/src/layout/Head.tsx
@@ -33,6 +33,9 @@ export const Head: React.FC = () => {
         getPageTitle(translatedCrumbs, gatsbyContext.location) ?? "Error"
       }`}</title>
       <link rel="icon" type="svg" href={window.sessionStorage.getItem("FAVICON_URL") ?? ""} />
+      {window.sessionStorage.getItem("ANALYTICS_URL") || (
+        <script async src={window.sessionStorage.getItem("ANALYTICS_URL") ?? ""} />
+      )}
     </Helmet>
   );
 };