Add ability to initialize script in head section

ezoterik · Jan 30, 2023 · 4ec7fd2 · 4ec7fd2
1 parent 2211c10
commit 4ec7fd2
Show file tree

Hide file tree

Showing 2 changed files with 52 additions and 17 deletions.
diff --git a/GoogleTagManager.php b/GoogleTagManager.php
@@ -7,6 +7,7 @@
 use yii\base\BaseObject;
 use yii\base\BootstrapInterface;
 use yii\base\Event;
+use yii\helpers\Html;
 use yii\helpers\Json;
 use yii\web\View;
 
@@ -24,6 +25,9 @@ class GoogleTagManager extends BaseObject implements BootstrapInterface
     /** @var bool */
     public $isIgnorePostRequest = true;
 
+    /** @var bool */
+    public $isInitInHead = false;
+
     /**
      * @inheritdoc
      */
@@ -99,14 +103,32 @@ public function renderCode(Event $event)
             $session->remove($this->sessionKey);
         }
 
+        $tagManagerId = $this->getTagManagerId();
+
         $dataLayerItems = array_merge($dataLayerItems, $this->_dataLayerForCurrentRequest);
 
-        $scriptInit = 'var dataLayer = ' . Json::encode($dataLayerItems) . ";\n";
-        $view->registerJs($scriptInit, View::POS_HEAD);
+        $scriptInitDataLayerVar = 'var dataLayer = ' . Json::encode($dataLayerItems) . ";\n";
+        $view->registerJs($scriptInitDataLayerVar, View::POS_HEAD);
+
+        if ($tagManagerId === '') {
+            return;
+        }
+
+        $scriptInit = "(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','" . Html::encode($tagManagerId) . "');";
+
+        if ($this->isInitInHead) {
+            $view->registerJs($scriptInit, View::POS_HEAD);
+            $scriptInit = '';
+        }
 
         echo $view->renderFile(__DIR__ . '/views/google-tag-manager.php', [
-            'tagManagerId' => $this->tagManagerId,
+            'tagManagerId' => $tagManagerId,
             'dataLayerItems' => $dataLayerItems,
+            'scriptInit' => $scriptInit,
         ]);
     }
 
@@ -126,4 +148,22 @@ public static function getClientDataLayerPush(array $variables)
 
         return 'dataLayer.push(' . Json::encode($variables) . ');';
     }
+
+    /**
+     * @return string
+     */
+    private function getTagManagerId()
+    {
+        $tagManagerId = trim($this->tagManagerId);
+        if ($tagManagerId === '') {
+            return '';
+        }
+
+        if (stripos($tagManagerId, 'GTM-') === 0) {
+            return $tagManagerId;
+        }
+
+        //Adding a GTM prefix
+        return 'GTM-' . $tagManagerId;
+    }
 }
diff --git a/views/google-tag-manager.php b/views/google-tag-manager.php
@@ -3,28 +3,23 @@
  * @var $this yii\web\View
  * @var $tagManagerId string
  * @var $dataLayerItems array
+ * @var $scriptInit string
  */
 
 use yii\helpers\Html;
 
-if (empty($tagManagerId)) {
+if ($tagManagerId === '') {
     return;
 }
 
-//Adding a GTM prefix
-$tagManagerId = 'GTM-' . $tagManagerId;
 ?>
-
-<!-- Google Tag Manager (noscript) -->
 <noscript>
-  <iframe src="https://www.googletagmanager.com/ns.html?id=<?= Html::encode($tagManagerId) ?>" height="0" width="0" style="display:none;visibility:hidden"></iframe>
+    <iframe src="https://www.googletagmanager.com/ns.html?id=<?= Html::encode($tagManagerId) ?>" height="0"
+            width="0" style="display:none;visibility:hidden"></iframe>
 </noscript>
-<!-- End Google Tag Manager (noscript) -->
 
-<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','<?= Html::encode($tagManagerId) ?>');
-</script>
+<?php if ($scriptInit !== '') { ?>
+    <script>
+        <?php echo $scriptInit ?>
+    </script>
+<?php } ?>