Merge pull request #1 from amitmerchant1990/master

Update from source

README.md

@@ -23,6 +23,20 @@ This is a plug-and-play Jekyll theme best suited to use on [GitHub Pages](https:
 |---------------------|----------------------|----------------------|
 |![Responsiveness](/images/mobile-demo.png) | ![search](/images/search.png) | ![categories](/images/categories.png) |
 
+# Table of Contents
+  - [Features overview](#features-overview)
+  - [Using Reverie on GitHub Pages](#using-reverie-on-github-pages)
+    - [1. Fork Reverie to your User Repository](#1-fork-reverie-to-your-user-repository)
+    - [2. Customize and view your site](#2-customize-and-view-your-site)
+    - [3. Publish your first blog post](#3-publish-your-first-blog-post)
+  - [Using Categories in Reverie](#using-categories-in-reverie)
+  - [Pagination](#pagination)
+  - [RSS](#rss)
+  - [Sitemap](#sitemap)
+  - [Emailware](#emailware)
+  - [The name?](#the-name)
+  - [License](#license)
+
 ## Features overview
 
 - Clean and minimal design
@@ -39,6 +53,7 @@ This is a plug-and-play Jekyll theme best suited to use on [GitHub Pages](https:
 - Disqus commenting
 - Social media icons
 - Google Analytics integration
+- Supports [Google Analytics 4](https://support.google.com/analytics/answer/10089681?hl=en)
 - Fuzzy search across blog posts
 - Blog with pagination
 - Categorize posts out-of-the box

_config.yml

@@ -43,6 +43,9 @@ disqus:
 # Enter your Google Analytics web tracking code (e.g. UA-2110908-2) to activate tracking
 google_analytics: UA-43339302-11
 
+# For newer "GA4" analytics, use the following instead of the "UA" entry above
+#google_analytics_ga4: G-GABC1DEFG
+
 # Your website URL (e.g. http://amitmerchant1990.github.io or http://www.amitmerchant.com)
 # Used for Sitemap.xml and your RSS feed
 url: http://www.amitmerchant.com/reverie

_includes/analytics_head.html

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

_includes/meta.html

@@ -1,26 +1,25 @@
-    <meta content='text/html; charset=utf-8' http-equiv='Content-Type'>
+<meta content='text/html; charset=utf-8' http-equiv='Content-Type'>
-    <meta http-equiv='X-UA-Compatible' content='IE=edge'>
+<meta http-equiv='X-UA-Compatible' content='IE=edge'>
-    <meta name='viewport' content='width=device-width, initial-scale=1.0, maximum-scale=1.0'>
+<meta name='viewport' content='width=device-width, initial-scale=1.0, maximum-scale=1.0'>
 
-    {% if page.excerpt %}
+{% if page.excerpt %}
-    <meta property="og:description" content="{{ page.excerpt| strip_html }}" />
+<meta property="og:description" content="{{ page.excerpt| strip_html }}" />
-    {% elsif page.description %}
+{% elsif page.description %}
-    <meta property="og:description" content="{{ page.description }}" />
+<meta property="og:description" content="{{ page.description }}" />
-    {% else %}
+{% else %}
-    <meta property="og:description" content="{{ site.description }}" />
+<meta property="og:description" content="{{ site.description }}" />
-    {% endif %}
+{% endif %}
-    <meta name="author" content="{{ site.name }}" />
+<meta name="author" content="{{ site.name }}" />
 
-    {% if page.title %}
+{% if page.title %}
-    <meta property="og:title" content="{{ page.title }}" />
+<meta property="og:title" content="{{ page.title }}" />
-    <meta property="twitter:title" content="{{ page.title }}" />
+<meta property="twitter:title" content="{{ page.title }}" />
-    {% endif %}
+{% endif %}
 
-    {% if page.image %}
+{% if page.image %}
-    <meta property="og:image" content="{{ site.url }}{{ page.image }}"/>
+<meta property="og:image" content="{{ site.url }}{{ page.image }}"/>
-    <meta property="twitter:image" content="{{ site.url }}{{ page.image }}"/>
+<meta property="twitter:image" content="{{ site.url }}{{ page.image }}"/>
-    {% else %}
+{% else %}
-    <meta property="og:image" content="{{ site.url }}{{ site.avatar }}"/>
+<meta property="og:image" content="{{ site.url }}{{ site.avatar }}"/>
-    <meta property="twitter:image" content="{{ site.url }}{{ site.avatar }}"/>
+<meta property="twitter:image" content="{{ site.url }}{{ site.avatar }}"/>
-    {% endif %}
+{% endif %}
-    <meta property="og:site_name" content="Amit Merchant - Software Engineer"/>

_layouts/default.html

@@ -11,6 +11,7 @@
 
     <meta name="theme-color" content="#000000">
     <link rel="icon" type="image/png" sizes="32x32" href="{{ site.baseurl }}/images/favicon-32x32.png">
+    {% include analytics_head.html %}
   </head>
 
   <body>