Merge pull request #51 from webmatch/feature/WBMSWPLUG-103-remove-from-cart-tracking

[TASK][WBMSWPLUG-103] add tracking for removeFromCart on the checkout.cart page

Author: wbm-sbasler

CHANGELOG.md

@@ -1,3 +1,6 @@
+## [3.5.4]
+- Fix missing removeFromCart tracking on the /checkout/cart page, tracking is not configurable
+
 ## [3.5.4]
 - Behebt einen Null-Pointer Exception beim tracken der Produktklicks (Danke an @nicoanders)
 

Resources/views/frontend/_public/src/js/jquery.remove-from-cart-tracking.js

@@ -0,0 +1,32 @@
+(function ($, window) {
+    $.plugin('wbmRemoveFromCartTracking', {
+        init: function () {
+            var me = this;
+
+            me._on(me.$el, 'click', $.proxy(me.onProductClicked, me));
+        },
+        /**
+         * @param {jQuery.Event} event
+         */
+        onProductClicked: function (event) {
+            var ordernumber = $(event.target).closest('.cart-item-delete').data('ordernumber');
+                quantity = $(event.target).closest('.cart-item-delete').data('quantity');
+                price = $(event.target).closest('.cart-item-delete').data('price');
+
+            window.dataLayer.push({
+                'event': 'removeFromCart',
+                'ecommerce': {
+                    'remove': [
+                        {
+                            'id': ordernumber,
+                            'quantity': quantity,
+                            'price': price
+                        }
+                    ]
+                }
+            });
+        }
+    });
+
+    StateManager.addPlugin('.cart-item-delete', 'wbmRemoveFromCartTracking');
+})(jQuery, window);

Resources/views/frontend/checkout/items/product.tpl

@@ -0,0 +1,12 @@
+{extends file='parent:frontend/checkout/items/product.tpl'}
+
+{block name='frontend_checkout_cart_item_delete_article_form_submit'}
+    {s name="CartItemLinkDelete" assign="snippetCartItemLinkDelete"}{/s}
+    <button type="submit" class="btn is--small column--actions-link cart-item-delete"
+            title="{$snippetCartItemLinkDelete|escape}"
+            data-ordernumber="{$sBasketItem.ordernumber}"
+            data-quantity="{$sBasketItem.quantity}"
+            data-price="{$sBasketItem.price}">
+        <i class="icon--cross"></i>
+    </button>
+{/block}

Subscriber/Frontend/ThemeSubscriber.php

@@ -23,9 +23,12 @@ public static function getSubscribedEvents(): array
 
     public function addJsFiles(): ArrayCollection
     {
-        $jsFiles = [];
         $jsDir = $this->pluginDir . '/Resources/views/frontend/_public/src/js/';
-        $jsFiles[] = $jsDir . 'jquery.product-click-tracking.js';
+
+        $jsFiles = [
+            $jsDir . 'jquery.product-click-tracking.js',
+            $jsDir . 'jquery.remove-from-cart-tracking.js',
+        ];
 
         return new ArrayCollection($jsFiles);
     }

plugin.xml

@@ -3,7 +3,7 @@
     <label lang="de">Tag Manager</label>
     <label lang="en">Tag Manager</label>
 
-    <version>3.5.4</version>
+    <version>3.5.5</version>
     <copyright>Webmatch GmbH</copyright>
     <license>proprietary</license>
     <link>http://www.webmatch.de</link>
@@ -12,6 +12,11 @@
     <author>Webmatch GmbH</author>
     <compatibility minVersion="5.6.3" />
 
+    <changelog version="3.5.5">
+        <changes lang="de">Behebt fehlendes Tracking für removeFromCart auf der Warenkorb-Seite, die Daten sind nicht konfigurierbar im Backend</changes>
+        <changes lang="en">Fix missing removeFromCart tracking on the cart page, data is not configurable in the backend</changes>
+    </changelog>
+
     <changelog version="3.5.4">
         <changes lang="de">Behebt einen Null-Pointer Exception beim tracken der Produktklicks (Danke an @nicoanders)</changes>
         <changes lang="en">Fix null pointer exception for tracking of product clicks (thanks to @nicoanders)</changes>