AC-2574 moved inline js in separate file

Author: mahesh-singh-rajawat

app/code/Magento/GoogleGtag/view/frontend/templates/code.phtml

@@ -8,18 +8,25 @@
 /** @var \Magento\Framework\View\Element\Template $block */
 /** @var \Magento\Framework\Escaper $escaper */
 /** @var \Magento\GoogleGtag\ViewModel\Adwords $adsViewModel */
+
 $adsViewModel = $block->getViewModel();
 ?>
 
 <?php if ($adsViewModel->isGoogleAdwordsConfigurable() && $adsViewModel->isGoogleAdwordsActive()): ?>
-    <?php $conversionId = $adsViewModel->getConversionId(); ?>
-    <?php $conversionLabel = $adsViewModel->getConversionLabel(); ?>
-    <script>
-        gtag(
-            'event',
-            'conversion',
-            {'send_to': '<?= $block->escapeHtml($conversionId) ?>' + '/'
-                    + '<?= $block->escapeHtml($conversionLabel) ?>'}
-        );
+    <?php $conversionId = $block->escapeHtml($adsViewModel->getConversionId()); ?>
+    <?php $conversionLabel = $block->escapeHtml($adsViewModel->getConversionLabel()); ?>
+    <?php $gtagSiteSrc = $adsViewModel->getConversionGtagGlobalSiteTagSrc(); ?>
+    <!-- BEGIN GOOGLE ADWORDS CODE -->
+    <script type="text/x-magento-init">
+    {
+        "*": {
+            "Magento_GoogleGtag/js/google-adwords": {
+                "conversionId": "<?= $block->escapeHtml($conversionId);  ?>",
+                "gtagSiteSrc": "<?= $block->escapeHtml($gtagSiteSrc);  ?>",
+                "conversionLabel": "<?= $block->escapeHtml($conversionLabel);  ?>"
+            }
+        }
+    }
     </script>
+    <!-- END GOOGLE ADWORDS CODE -->
 <?php endif ?>

app/code/Magento/GoogleGtag/view/frontend/templates/ga.phtml

@@ -10,7 +10,7 @@
 $analyticsData = $block->getAnalyticsData();
 ?>
 
-<?php if ($analyticsData['googleAnalyticsAvailable']): ?>
+<?php if ($analyticsData): ?>
     <!-- BEGIN GOOGLE ANALYTICS 4 CODE -->
     <script type="text/x-magento-init">
     {

app/code/Magento/GoogleGtag/view/frontend/templates/head.phtml

@@ -14,22 +14,16 @@ $adsViewModel = $block->getViewModel();
 <?php if ($adsViewModel->isGoogleAdwordsConfigurable() && $adsViewModel->isGoogleAdwordsActive()): ?>
     <?php $conversionId = $adsViewModel->getConversionId(); ?>
     <?php $gtagSiteSrc = $adsViewModel->getConversionGtagGlobalSiteTagSrc(); ?>
-    <script>
-        if (!window.gtag) {
-          // Inject Global Site Tag
-          var gtagScript = document.createElement('script');
-          gtagScript.type = 'text/javascript';
-          gtagScript.async = true;
-          gtagScript.src = '<?= $block->escapeHtml($gtagSiteSrc) ?>';
-          document.head.appendChild(gtagScript);
-
-          window.dataLayer = window.dataLayer || [];
-
-          function gtag(){dataLayer.push(arguments);}
-          gtag('js', new Date());
-          gtag('set', 'developer_id.dYjhlMD', true);
-        } else {
-          gtag('config', '<?= $block->escapeHtml($conversionId) ?>');
+    <!-- BEGIN GOOGLE ADWORDS CODE -->
+    <script type="text/x-magento-init">
+    {
+        "*": {
+            "Magento_GoogleGtag/js/google-adwords": {
+                "conversionId": "<?= $block->escapeHtml($conversionId);  ?>",
+                "gtagSiteSrc": "<?= $block->escapeHtml($gtagSiteSrc);  ?>"
+            }
         }
-      </script>
+    }
+    </script>
+    <!-- END GOOGLE ADWORDS CODE -->
 <?php endif ?>

app/code/Magento/GoogleGtag/view/frontend/web/js/google-adwords.js

@@ -0,0 +1,41 @@
+/**
+ * Copyright © Magento, Inc. All rights reserved.
+ * See COPYING.txt for license details.
+ */
+/* jscs:disable */
+/* eslint-disable */
+define([
+    'jquery'
+], function ($) {
+    'use strict';
+
+    /**
+     * @param {Object} config
+     */
+    return function (config) {
+        if (!window.gtag) {
+            // Inject Global Site Tag
+            var gtagScript = document.createElement('script');
+            gtagScript.type = 'text/javascript';
+            gtagScript.async = true;
+            gtagScript.src = config.gtagSiteSrc;
+            document.head.appendChild(gtagScript);
+
+            window.dataLayer = window.dataLayer || [];
+
+            function gtag(){dataLayer.push(arguments);}
+            gtag('js', new Date());
+            gtag('set', 'developer_id.dYjhlMD', true);
+            if (config.conversionLabel) {
+                gtag(
+                    'event',
+                    'conversion',
+                    {'send_to': config.conversionId + '/'
+                            + config.conversionLabel}
+                );
+            }
+        } else {
+            gtag('config', config.conversionId);
+        }
+    }
+});