-Added analytics events

Alexey Boroda
1 parent 570ff1f7
Showing 2 changed files with 43 additions and 11 deletions Show diff stats
frontend/views/layouts/main.php
frontend/web/js/script.js
@@ -77,20 +77,9 @@
  
             <title><?= Html::encode($seo->title) ?></title>
             <link rel="icon" type="image/vnd.microsoft.icon" href="/img/favicon.ico">
-            <!-- Google Tag Manager -->
-            <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','GTM-TSCLJL');</script>
-            <!-- End Google Tag Manager -->
             <?php $this->head() ?>
         </head>
         <body>
-            <!-- Google Tag Manager (noscript) -->
-            <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-TSCLJL"
-                              height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
-            <!-- End Google Tag Manager (noscript) -->
             <?php $this->beginBody() ?>
           <script async src="https://www.googletagmanager.com/gtag/js?id=UA-83015473-1"></script>
           <script>
@@ -145,6 +145,49 @@ $(
            $(".send-form").attr('id', 'callback');
        });
  
+       $(document).on('click', '.send-form', function() {
+           var id = $(this).attr('id');
+           switch (id) {
+               case 'consultation' :
+                   gtag('event', 'send', {
+                       'event_category': 'consultation'
+                   });
+                   console.log(id);
+                   break;
+               case 'specialist' :
+                   gtag('event', 'send', {
+                       'event_category': 'specialist'
+                   });
+                   console.log(id);
+                   break;
+               case 'calculate' :
+                   gtag('event', 'send', {
+                       'event_category': 'calculate'
+                   });
+                   console.log(id);
+                   break;
+               case 'order' :
+                   gtag('event', 'send', {
+                       'event_category': 'order'
+                   });
+                   console.log(id);
+                   break;
+               case 'call' :
+                   gtag('event', 'send', {
+                       'event_category': 'call'
+                   });
+                   console.log(id);
+                   break;
+               case 'callback' :
+                   gtag('event', 'send', {
+                       'event_category': 'callback'
+                   });
+                   console.log(id);
+                   break;
+               default:
+                   console.log('Id didn\'t match any case')
+           }
+       });
  
         function phoneMask(maskCssSelector) {
             var phoneInput = maskCssSelector;