feat: add GTM container (#4)

docs/overrides/main.html

@@ -39,6 +39,23 @@
   <meta name="twitter:title" content="{{ title }}" />
   <meta name="twitter:description" content="{{ description }}" />
   <meta name="twitter:image" content="{{ card_image }}" />
+
+  <!-- GTM Container -->
+  <script>
+    (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", "GTM-P8H6KQG");
+  </script>
 {% endblock %}
 
 {% block announce %}
@@ -48,6 +65,22 @@
 {% endblock %}
 
 
+{% block scripts %} 
+{{ super() }}
+
+<!-- Google Tag Manager (noscript) -->
+<noscript>
+  <iframe
+    src="https://www.googletagmanager.com/ns.html?id=GTM-P8H6KQG"
+    height="0"
+    width="0"
+    style="display: none; visibility: hidden"
+  ></iframe>
+</noscript>
+<!-- End Google Tag Manager (noscript) -->
+
+{% endblock %}
+
 {% block content %}
   {% if page.edit_url %}
     <a href="{{ page.edit_url }}" title="{{ lang.t('edit.link.title') }}" class="md-content__button md-icon">

mkdocs.yml

@@ -25,9 +25,6 @@ extra:
       link: https://www.youtube.com/madewithml?sub_confirmation=1
     - icon: fontawesome/solid/paper-plane
       link: mailto:[email protected]
-  analytics:
-    provider: google
-    property: G-T1R6V3J71R
 
 # Page tree
 nav: