feat: google analytics

.env.example

@@ -1,4 +1,5 @@
 NOTION_ACCESS_TOKEN=
 NOTION_BLOG_DATABASE_ID_ES=
 NOTION_BLOG_DATABASE_ID_EN=
-NOTION_PROJECTS_DATABASE_ID=
+NOTION_PROJECTS_DATABASE_ID=
+GOOGLE_ANALYTICS=

.github/workflows/build.yml

@@ -40,4 +40,5 @@ jobs:
           NOTION_BLOG_DATABASE_ID_ES: ${{ secrets.NOTION_BLOG_DATABASE_ID_ES }}
           NOTION_BLOG_DATABASE_ID_EN: ${{ secrets.NOTION_BLOG_DATABASE_ID_EN }}
           NOTION_PROJECTS_DATABASE_ID: ${{ secrets.NOTION_PROJECTS_DATABASE_ID }}
+          GOOGLE_ANALYTICS: ${{ secrets.GOOGLE_ANALYTICS }}
         run: npm run build

src/pages/_document.jsx

@@ -35,6 +35,24 @@ export default function MyDocument() {
         <meta name="author" content="Michael Liendo" />
         <meta name="copyright" content="Michael Liendo" />
 
+        {/* Global Site Tag (gtag.js) - Google Analytics */}
+        <script
+          async
+          src={`https://www.googletagmanager.com/gtag/js?id=${process.env.GOOGLE_ANALYTICS}`}
+        />
+        <script
+          dangerouslySetInnerHTML={{
+            __html: `
+            window.dataLayer = window.dataLayer || [];
+            function gtag(){dataLayer.push(arguments);}
+            gtag('js', new Date());
+            gtag('config', '${process.env.GOOGLE_ANALYTICS}', {
+              page_path: window.location.pathname,
+            });
+          `,
+          }}
+        />
+
         <link href="/favicon.ico" rel="shortcut icon" />
         <link
           href="/images/seo-images/apple-icon-180x180.png"
@@ -53,7 +71,6 @@ export default function MyDocument() {
           sizes="16x16"
           type="image/png"
         />
-
         <link rel="preconnect" href="https://fonts.googleapis.com" />
         <link rel="preconnect" href="https://fonts.gstatic.com" />
         <link