Tracking Carts & Conversions on Abicart / Textalk via Google Tag Manager

Here's a guide explaining how you can track carts and conversions on the Textalk platform via Google Tag Manager (GTM).

Step 1: Ensure the following User-Defined Variables are defined in GTM with the following "Name" and "Data Layer Variable Name":

1. items
2. value
3. transaction_id
4. orderItem

Step 2: Next step is to make sure the following Triggers are defined with the following "Name" and "Event name":

1. tws-article-added
2. tws-purchase

 

Step 3: Now, add the following two Tags using the "Tag type": "Custom HTML":

1. This is the code for conversion tracking and should use "tws-purchase" Trigger as the "Firing Triggers":
   
   For Google Analytics 4

   <script>
   var productArray = [];
   var dynamicProductArray = {{items}};
   for(i=0;i<dynamicProductArray.length;i++) {
        productArray.push(dynamicProductArray[i]["item_id"]);
   }
   
   hrq = window.hrq || [];
   hrq.push(["trackConversion", {
         total: "{{value}}",
         orderNumber: "{{transaction_id}}",
         productNumbers: productArray
   }]);
   </script>

2. This is the code for cart tracking and should use "tws-article-added" Trigger as the "Firing Triggers":

   <script>
   var basketItem = {{orderItem}};
   hrq = window.hrq || [];
   hrq.push(function() {
       ADDWISH_PARTNER_NS.api.cart.addProduct({
           productNumber: basketItem.articleNumber
       });
   });
   </script>

Step 4: Finally, make sure to Submit and Publish your changes.