From 32310f3db900c35f24f9a39259318a8b070267d9 Mon Sep 17 00:00:00 2001
From: Shaikh Ubaid <shaikhubaid769@gmail.com>
Date: Mon, 4 Sep 2023 14:39:44 +0530
Subject: [PATCH] Use goat counter in place of Google Analytics

---
 components/MyLayout.js | 31 +++++++++++++------------------
 1 file changed, 13 insertions(+), 18 deletions(-)

diff --git a/components/MyLayout.js b/components/MyLayout.js
index f53ab7b..4a34491 100644
--- a/components/MyLayout.js
+++ b/components/MyLayout.js
@@ -1,30 +1,25 @@
-import Script from "next/script";
+import { useEffect } from "react";
 
 import MyHeader from "./MyHeader";
 import MyFooter from "./MyFooter";
 import { Layout } from "antd";
 import { Content } from "antd/lib/layout/layout";
 
-const GA_MEASUREMENT_ID = "G-YJKXPHBZYC";
-
 function MyLayout({ children }) {
-    return (
-        <Layout style={{backgroundColor: "inherit"}}>
-            { /* Google tag (gtag.js) */}
-            <Script
-                src={`https://www.googletagmanager.com/gtag/js?id=${GA_MEASUREMENT_ID}`}
-                strategy="afterInteractive"
-            />
-            <Script id="google-analytics" strategy="afterInteractive">
-                {`
-                    window.dataLayer = window.dataLayer || [];
-                    function gtag(){window.dataLayer.push(arguments);}
-                    gtag('js', new Date());
 
-                    gtag('config', '${GA_MEASUREMENT_ID}');
-                `}
-            </Script>
+    useEffect(() => {
+        let script = document.createElement("script");
+        script.src = "//gc.zgo.at/count.js";
+        script.async = true;
+        script.setAttribute("data-goatcounter", "https://lfortran.goatcounter.com/count")
+        document.body.appendChild(script);
+        return () => {
+            document.body.removeChild(script);
+        }
+    });
 
+    return (
+        <Layout style={{backgroundColor: "inherit"}}>
             <MyHeader></MyHeader>
             <Content style={{ padding: "10px 20px" }}>
                 {children}