feat: added google analytics

rubenbupe · Aug 17, 2024 · 9d9f57e · 9d9f57e
1 parent dae3a3e
commit 9d9f57e
Show file tree

Hide file tree

Showing 6 changed files with 14 additions and 5 deletions.
diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
@@ -10,6 +10,8 @@ interface Props {
 }
 
 const { title } = Astro.props;
+
+const analyticsId = import.meta.env.GOOGLE_ANALYTICS_ID;
 ---
 
 <!doctype html>
@@ -19,6 +21,18 @@ const { title } = Astro.props;
         <meta name="description" content={siteDescription} />
         <meta name="viewport" content="width=device-width, initial-scale=1.0" />
         <link rel="sitemap" href="/sitemap-index.xml" />
+				{!!analyticsId && (
+					<>
+						<script is:inline async src={`https://www.googletagmanager.com/gtag/js?id=${analyticsId}`} />
+						<script is:inline define:vars={{analyticsId}}>
+							window.dataLayer = window.dataLayer || [];
+							function gtag(){dataLayer.push(arguments);}
+							gtag('js', new Date());
+
+							gtag('config', `${analyticsId}`);
+						</script>
+					</>
+				)}
 
         <link
             rel="apple-touch-icon"

diff --git a/src/pages/404.astro b/src/pages/404.astro
@@ -1,6 +1,5 @@
 ---
 import Layout from "../layouts/Layout.astro";
-import Spotlight from "../components/Spotlight.astro";
 ---
 
 <Layout>

diff --git a/src/pages/500.astro b/src/pages/500.astro
@@ -1,6 +1,5 @@
 ---
 import Layout from "../layouts/Layout.astro";
-import Spotlight from "../components/Spotlight.astro";
 ---
 
 <Layout>

diff --git a/src/pages/blog/[...slug].astro b/src/pages/blog/[...slug].astro
@@ -3,7 +3,6 @@ import { getCollection, type CollectionEntry } from "astro:content";
 import Layout from "../../layouts/Layout.astro";
 import { formatDate } from "../../lib/utils";
 import { Image } from "astro:assets";
-import Spotlight from "../../components/Spotlight.astro";
 
 export async function getStaticPaths() {
     const posts = await getCollection("blog");

diff --git a/src/pages/blog/index.astro b/src/pages/blog/index.astro
@@ -4,7 +4,6 @@ import Layout from "../../layouts/Layout.astro";
 import Section from "../../components/Section.astro";
 import BlogCard from "../../components/BlogCard.astro";
 import { Particles } from "../../components/Particles";
-import Spotlight from "../../components/Spotlight.astro";
 
 const posts = await getPosts();
 const featuredPosts = await getFeaturedPosts();

diff --git a/src/pages/index.astro b/src/pages/index.astro
@@ -1,6 +1,5 @@
 ---
 import Layout from "../layouts/Layout.astro";
-import Spotlight from "../components/Spotlight.astro";
 import Hero from "../sections/Hero.astro";
 import About from "../sections/About.astro";
 import Jobs from "../sections/Jobs.astro";