add google analytics

pluralsh · Oct 24, 2024 · 13d416c · 13d416c
1 parent c159a3d
commit 13d416c
Show file tree

Hide file tree

Showing 2 changed files with 39 additions and 16 deletions.
diff --git a/pages/_document.tsx b/pages/_document.tsx
@@ -41,6 +41,17 @@ class MyDocument extends Document {
             rel="stylesheet"
             href="https://cdn.jsdelivr.net/npm/@docsearch/css@3"
           />
+          {/* <!-- Google Tag Manager --> */}
+          <script
+            dangerouslySetInnerHTML={{
+              __html: `(function(w,d,s,l,i){w[l]=w[l]||[];
+                w[l].push({'gtm.start':new Date().getTime(),event:'gtm.js'});
+                var f=d.getElementsByTagName(s)[0],j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';
+                j.async=true;j.src='https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f)
+                ;})(window,document,'script','dataLayer','${process.env.NEXT_PUBLIC_GA_ID}');`,
+            }}
+          />
+          {/* <!-- End Google Tag Manager --> */}
           <script
             id="Cookiebot"
             src="https://consent.cookiebot.com/uc.js"
@@ -49,23 +60,19 @@ class MyDocument extends Document {
             type="text/javascript"
             data-widget-position="bottom-right"
           />
-          <script
-            async
-            src={`https://www.googletagmanager.com/gtag/js?id=${process.env.NEXT_PUBLIC_GA_ID}`}
-          />
-          <script
-            dangerouslySetInnerHTML={{
-              __html: `window.dataLayer = window.dataLayer || [];
-function gtag(){dataLayer.push(arguments);}
-gtag('consent', 'default', {ad_storage:'denied', analytics_storage:'denied'});
-gtag('set', 'ads_data_redaction', true);
-gtag('set', 'url_passthrough', true);
-gtag('js', new Date());
-gtag('config', '${process.env.NEXT_PUBLIC_GA_ID}');`,
-            }}
-          />
         </Head>
         <body>
+          {/* <!-- Google Tag Manager (noscript) --> */}
+          <noscript>
+            <iframe
+              title="Google Tag Manager"
+              src={`https://www.googletagmanager.com/ns.html?id=${process.env.NEXT_PUBLIC_GA_ID}`}
+              height="0"
+              width="0"
+              style={{ display: 'none', visibility: 'hidden' }}
+            />
+          </noscript>
+          {/* <!-- End Google Tag Manager (noscript) --> */}
           <Main />
           <NextScript />
         </body>

diff --git a/pages/kubecon.tsx b/pages/kubecon.tsx
@@ -23,7 +23,7 @@ import { propsWithGlobalSettings } from '@src/utils/getGlobalProps'
 export default function KubeCon() {
   return (
     <div className="bg-[#0F1116]">
-      <div className="relative">
+      <div className="relative opacity-60 transition-opacity lg:opacity-100">
         <div
           css={`
             position: absolute;
@@ -36,6 +36,22 @@ export default function KubeCon() {
             height: 200px;
           `}
         />
+        <div
+          css={`
+            position: absolute;
+            top: 200px;
+            left: 50%;
+            transform: translateX(-50%);
+            border-radius: 50%;
+            background: #7075f5;
+            filter: blur(178px);
+            width: 150px;
+            height: 150px;
+            @media (max-width: 768px) {
+              display: none;
+            }
+          `}
+        />
         <div
           css={`
             position: absolute;