GTM implementatie - nieuwe Enhanced Ecommerce datalayer

Wil je je events naar Spotler Activate via GTM sturen? Dan kan je op deze pagina voor elk standaardevent voorbeeldcode vinden. Onderstaande code is gebaseerd op de nieuwe versie van enhanced ecommerce. Wanneer je datalayer een andere syntax heeft moet je de waardes van de variabelen wijzigen.

1 Variabelen
2 Tags
- 2.1 Viewcontent
- 2.2 Viewcategory
- 2.3 AddToCart
- 2.4 RemoveFromCart
- 2.5 Purchase

Variabelen

(type: Datalayer variable, versie 2)

DLV - products: ecommerce.items
DLV - order: ecommerce
DLV - category: ecommerce.items.item_list_name

Bij de vorige enhanced ecommerce syntax werd in de syntax onderscheid gemaakt afhankelijk van de uitgevoerde actie. Bijvoorbeeld cart items toevoegen was add.items. Bij deze syntax is “ecommerce.items” vrij universeel, dus let goed op dat je trigger accuraat is, anders verstuur je producten die bij een andere actie horen.

Tags

Custom HTML tag, elk script moet tussen <script type="text/javascript"> en </script> staan. De trigger = event of relevante pageview.

Wil je extra velden toevoegen? Vul deze aan bij het data object voor je het verstuurt, bijvoorbeeld data.email = {{email adres}}.

Viewcontent

<script type="text/javascript">
var products = {{DLV - products}};
var sqProducts = [];
var data = {};

data.event = "ViewContent";

for (var i = 0; i < products.length; i++) {
    sqProducts[i] = [];
    if (products[i].item_id != null) {
        sqProducts[i].id = products[i].item_id;

    }
    if (products[i].item_name != null) {
        sqProducts[i].name = products[i].item_name;

    }
    if (products[i].price != null) {
        sqProducts[i].price = products[i].price;

    }

}

data.products = sqProducts;

window._sqzl = window._sqzl || [];

window._sqzl.push(data);
</script>

Viewcategory

 <script type="text/javascript">
 var data = {};

    data.event = "ViewCategory";
      
          if ({{DLV - category}} != null) {
          data.category_id = {{DLV - category}};
           }

window._sqzl = window._sqzl || [];
   

window._sqzl.push(data);
</script>

AddToCart

<script type="text/javascript">
var products = {{DLV - products}};
var sqProducts = [];
var data = {};

data.event = "AddToCart";

for (var i = 0; i < products.length; i++) {
    sqProducts[i] = [];
    if (products[i].item_id != null) {
        sqProducts[i].id = products[i].item_id;

    }
    if (products[i].item_name != null) {
        sqProducts[i].name = products[i].item_name;

    }
    if (products[i].price != null) {
        sqProducts[i].price = products[i].price;

    }
      if (products[i].quantity != null) {
        sqProducts[i].quantity = products[i].quantity;

    }

}

data.products = sqProducts;

window._sqzl = window._sqzl || [];

window._sqzl.push(data);
</script>