feat: new data layer integration

bin/dataLayerTracking.js

+window.whenQuiLoaded().then(function() {
+    'use strict';
+    console.log(3333);
+    require(['qui/QUI'], function(QUI) {
+        /**
+         * tracks the start of a deletion process from an user
+         */
+        function trackUserDeleteStart()
+        {
+            window.qTrack('event', 'user_deleted_start');
+        }
+
+        /**
+         * tracks the success of a deletion from an user
+         */
+        function trackUserDelete()
+        {
+            window.qTrack('event', 'user_deleted');
+        }
+
+
+        // registration tracking
+        QUI.addEvent('onQuiqqerFrontendUsersRegisterStart', function() {
+            window.qTrack('event', 'user_register_start');
+        });
+
+        QUI.addEvent('onQuiqqerFrontendUsersRegisterSuccess', function() {
+            window.qTrack('event', 'user_register_success');
+        });
+
+
+        // deletion tracking
+        if (QUI.getAttribute('QUIQQER_FRONTEND_USERS_ACCOUNT_DELETE_START')) {
+            trackUserDeleteStart();
+        }
+
+        QUI.addEvent('quiqqerFrontendUsersAccountDeleteStart', function() {
+            trackUserDeleteStart();
+        });
+
+        if (QUI.getAttribute('QUIQQER_VERIFIER_SUCCESS')) {
+            const verifier = QUI.getAttribute('QUIQQER_VERIFIER_SUCCESS');
+
+            if (verifier === 'QUIFrontendUsersUserDeleteConfirmVerification') {
+                trackUserDelete();
+            }
+        }
+
+        QUI.addEvent('quiqqerVerifierSuccess', function(verifier) {
+            if (verifier === 'QUIFrontendUsersUserDeleteConfirmVerification') {
+                trackUserDelete();
+            }
+        });
+
+        QUI.addEvent('quiqqerUserAuthLoginSuccess', function(Instance, authenticator) {
+            if (typeof authenticator === 'undefined' || authenticator === '') {
+                window.qTrack('event', 'user_register_success');
+            } else {
+                window.qTrack('event', 'user_register_success', {
+                    method: authenticator
+                });
+            }
+
+            console.log('Instance', authenticator);
+        });
+    });
+});
\ No newline at end of file

composer.json

@@ -30,7 +30,8 @@
     "quiqqer\/quiqqer": ">=1.6|*@dev",
     "quiqqer\/countries": "^1.1|*@dev",
     "quiqqer\/verification": "^1.1|*@dev",
-    "quiqqer\/tooltips": "^1|*@dev"
+    "quiqqer\/tooltips": "^1|*@dev",
+    "quiqqer\/data-layer": "^1.2|*@dev"
   },
   "suggest": {
     "quiqqer\/rest": "User registration via REST API"

events.xml

@@ -10,4 +10,5 @@
 
     <event on="onSiteInit" fire="\QUI\FrontendUsers\Events::onSiteInit"/>
     <event on="onSiteSave" fire="\QUI\FrontendUsers\Events::onSiteSave"/>
+    <event on="onQuiqqer::template::header::end" fire="\QUI\FrontendUsers\Events::onTemplateEnd"/>
 </events>
\ No newline at end of file

src/QUI/FrontendUsers/Events.php

@@ -5,6 +5,7 @@
 use QUI;
 use QUI\Users\User;
 use QUI\Verification\Verifier;
+use Quiqqer\Engine\Collector;
 
 /**
  * Class Events
@@ -594,4 +595,13 @@ public static function checkUserMediaFolder()
             $Config->save();
         }
     }
+
+    public static function onTemplateEnd(
+        Collector $Collection,
+        QUI\Template $Template
+    ) {
+        $Collection->append(
+            '<script src="' . URL_OPT_DIR . 'quiqqer/frontend-users/bin/dataLayerTracking.js"></script>'
+        );
+    }
 }