Merge pull request Expensify#63605 from Expensify/arosiclair-nonce

[No QA] Improve GTM script injection

Author: inimaga

config/webpack/webpack.common.ts

@@ -117,7 +117,6 @@ const getCommonConfiguration = ({file = '.env', platform = 'web'}: Environment):
                 {from: 'web/robots.txt'},
                 {from: 'assets/images/expensify-app-icon.svg'},
                 {from: 'web/manifest.json'},
-                {from: 'web/thirdPartyScripts.js'},
                 {from: 'assets/css', to: 'css'},
                 {from: 'assets/fonts/web', to: 'fonts'},
                 {from: 'assets/sounds', to: 'sounds'},

web/index.html

@@ -130,9 +130,14 @@
     <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
     <link rel="shortcut icon" id="favicon" href="/favicon.png">
     <% if (htmlWebpackPlugin.options.useThirdPartyScripts) { %>
-        <!-- Third party scripts -->
-        <script type="text/javascript" async="" src="/thirdPartyScripts.js" nonce="nonce-random-value"></script>
-        <!-- End Third party scripts -->
+        <!-- Google Tag Manager -->
+        <script nonce='nonce-random-value'>(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;var n=d.querySelector('[nonce]');
+        n&&j.setAttribute('nonce',n.nonce||n.getAttribute('nonce'));f.parentNode.insertBefore(j,f);
+        })(window,document,'script','dataLayer','GTM-N4M3FLJZ');</script>
+        <!-- End Google Tag Manager -->
     <% } %>
     <link rel="manifest" href="/manifest.json" />
 </head>