Merge pull request #36471 from Expensify/dsilva_gtmAsAFile

[No QA] Add GTM call as a file

config/webpack/webpack.common.js

@@ -97,6 +97,7 @@ const webpackConfig = ({envFile = '.env', platform = 'web'}) => ({
                 {from: 'web/apple-touch-icon.png'},
                 {from: 'assets/images/expensify-app-icon.svg'},
                 {from: 'web/manifest.json'},
+                {from: 'web/gtm.js'},
                 {from: 'assets/css', to: 'css'},
                 {from: 'assets/fonts/web', to: 'fonts'},
                 {from: 'assets/sounds', to: 'sounds'},

web/gtm.js

@@ -0,0 +1,11 @@
+/* eslint-disable no-param-reassign, prefer-template */
+(function (w, d, s, l, i) {
+    w[l] = w[l] || [];
+    w[l].push({'gtm.start': new Date().getTime(), event: 'gtm.js'});
+    const f = d.getElementsByTagName(s)[0];
+    const j = d.createElement(s);
+    const 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-N4M3FLJZ');

web/index.html

@@ -122,8 +122,8 @@
         <!-- polyfill.io is only needed on Web to support older browsers. It should not be loaded for desktop -->
         <script src="https://polyfill.io/v3/polyfill.min.js?features=default%2CResizeObserver&flags=gated"></script>
         <% if (htmlWebpackPlugin.options.isProduction) { %>
-            <!-- Google Tag Manager - This was provided by our partner marketing agency -->
-            <script async="" src="https://www.googletagmanager.com/gtm.js?id=GTM-N4M3FLJZ"></script>
+            <!-- Google Tag Manager -->
+            <script async="" src="gtm.js"></script>
             <!-- End Google Tag Manager -->
         <% } %>
     <% } %>