feat: ✨ integrate google analytics

Author: drewyangdev

Makefile

@@ -5,6 +5,9 @@ launch:
 # Local build the website
 build:
 	jekyll build
+# Test Google Analytics
+build-prod:
+	JEKYLL_ENV=production jekyll build
 # Generate pdf files
 pdf:
 	bash ${PWD}/bin/pdf-product2.sh

README.md

@@ -16,6 +16,7 @@ Made a Github Page repo in order to use one single data.yaml file to generate a
             - `echo 'export PATH="/usr/local/lib/ruby/gems/3.1.0/bin:$PATH"' >> ~/.zshrc`
     - Ruby 3.0.0+: `bundle add webrick` + `bundle clean --force`
 - Set up Prince from [here](https://idratherbewriting.com/documentation-theme-jekyll/mydoc_generating_pdfs.html#1-set-up-prince)
+- Set up Google Analytics [here](https://desiredpersona.com/google-analytics-jekyll/)
 - Follow the project root directory `Makefile`
 
 

_config.yaml

@@ -30,6 +30,7 @@ location: Houston, TX
 linkedin: https://www.linkedin.com/in/drewyang/
 github: https://github.com/yambottle
 website: https://yambottle.github.io/me/more.html
+google_analytics: G-G8FDXGZ48K
 
 # Build settings
 encoding: "utf-8"

_includes/analytics.html

@@ -0,0 +1,8 @@
+<script async src="https://www.googletagmanager.com/gtag/js?id={{ site.google_analytics }}"></script>
+<script>
+  window.dataLayer = window.dataLayer || [];
+  function gtag(){dataLayer.push(arguments);}
+  gtag('js', new Date());
+
+  gtag('config', '{{ site.google_analytics }}');
+</script>

_includes/head.html

@@ -29,4 +29,8 @@
     <!-- Custom CSS -->
     <link rel="stylesheet" href="{{ site.baseurl }}/assets/css/styles.css">
 
+    {% if site.google_analytics and jekyll.environment == 'production' %}
+    {% include analytics.html %}
+    {% endif %}
+
 </head>