gtm

O conjunto de tags {% gtm %} podem ser utilizados para disparar eventos ou adicionar informações no data layer. Veja a seguir sas utilizações:

Adicionar informações do produto no data layer:

{% gtm product_detail: product %}

Evento para adicionar o produto no carrinho:

<button
    type="submit"
    class="add-to-cart-button"
    data-text-available="<span>Comprar</span>"
    data-text-unavailable="<span>Produto indisponível</span>"
    data-action="add-cart"
    data-event="addToCart"
    data-event-json='{% gtm item: product %}'>
    <span>Comprar</span>
</button>

Evento de impressão:

{% gtm product_impression: product %}

Evento de remover um item do carrinho (modal):

<button class="btn-delete" data-action="delete-item-cart" data-event-json="{% gtm remove: item %}">remover</button>

Evento de alterar a quantidade de itens no carrinho (modal):

<button class="btn-plus" data-cart-quantity="plus" data-event-json="{% gtm quantity_change: item %}">+</button>
  <button class="btn-minus" data-cart-quantity="minus" data-event-json="{% gtm quantity_change: item %}">-</button>