Adding code for debugging (#2440)

Co-authored-by: pre-commit-ci[bot] <66853113+pre-commit-ci[bot]@users.noreply.github.com>

main/templates/partials/gtm_body.html

@@ -1,10 +1,29 @@
 {% if APIKEYS.GTM_TRACKING_ID %}
-    <script async src="https://www.googletagmanager.com/gtag/js?id={{ APIKEYS.GTM_TRACKING_ID }}"></script>
+{#    <script async src="https://www.googletagmanager.com/gtag/js?id={{ APIKEYS.GTM_TRACKING_ID }}"></script>#}
+{#    <script>#}
+{#      window.dataLayer = window.dataLayer || [];#}
+{#      function gtag(){dataLayer.push(arguments);}#}
+{#      gtag('js', new Date());#}
+{##}
+{#      gtag('config', '{{ APIKEYS.GTM_TRACKING_ID }}');#}
+{#    </script>#}
     <script>
-      window.dataLayer = window.dataLayer || [];
-      function gtag(){dataLayer.push(arguments);}
-      gtag('js', new Date());
-
-      gtag('config', '{{ APIKEYS.GTM_TRACKING_ID }}');
+        window.dataLayer = window.dataLayer || [];
+        window.dataLayer.push({ event: 'purchase', ecommerce: {
+            transaction_id: 'abc123', // order or transaction id
+            value: 50.00, // total purchase value excluding discounts
+            tax: 0.00,
+            shipping: 0.00,
+            currency: 'USD',
+            coupon: '5off', // coupon code the user used. leave blank if none
+            items: [
+                {
+                item_id: 'MITxT+14.100x', // course ID
+                item_name: 'Microeconomics', //course name
+                affiliation: 'MITx Online', coupon: '5off', discount: 5.00, item_category: "MicroMasters", // course category if possible
+                price: 50.00, quantity: 1
+                }
+            ]
+        }});
     </script>
 {% endif %}

main/templates/partials/gtm_head.html

@@ -1,7 +1,17 @@
 {% if APIKEYS.GTM_TRACKING_ID %}
-  <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','{{ APIKEYS.GTM_TRACKING_ID }}');</script>
+{#  <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','{{ APIKEYS.GTM_TRACKING_ID }}');</script>#}
+
+    <!-- Google tag (gtag.js) -->
+    <script async src="https://www.googletagmanager.com/gtag/js?id={{ APIKEYS.GTM_TRACKING_ID }}"></script>
+    <script>
+        window.dataLayer = window.dataLayer || [];
+        function gtag(){dataLayer.push(arguments);}
+        gtag('js', new Date());
+
+        gtag('config', '{{ APIKEYS.GTM_TRACKING_ID }}');
+    </script>
 {% endif %}