# Google Tag Manager.

> Source: https://docs.gifty.nl/nl/order-widget/installation/google-tag-manager
> Language: nl

De GTM-integratie stuurt een **purchase event** naar je Tag Manager-container. Vanuit GTM kun je dit event vervolgens doorsturen naar **Google Analytics**, **Google Ads** of andere trackingtools van derden.

---

<a id="installation"></a>

## Installatie

Om GTM-purchase tracking te activeren, voeg je de gtag property toe aan je Gifty-script:

```html
<script>
window.Gifty = {
  key: 'WIDGET_KEY_HERE',
  gtag: true
};
(function (e, t) {
	var n = e.createElement(t);
	n.async = true;
	n.src = 'https://static.gifty.nl/js/widget.js';
	var r = e.getElementsByTagName(t)[0];
	r.parentNode.insertBefore(n, r);
})(document, 'script');
</script>
```

---

<a id="event-data"></a>

## Event data

Bij het afronden van een bestelling sturen we een **purchase event** naar GTM met de besteldata. Bijvoorbeeld:

```javascript
gtag("event", "purchase", {
  transaction_id: "or_E04koXGzj8dl92nb1ywQZgx5",
  value: 185,
  tax: 0.00,
  shipping: 0.00,
  currency: "EUR",
  items: [
    {
      item_id: "gifty-gift-card",
      item_name: "Gifty Gift Card",
      item_variant: "Package: Gifty hoodie (1)",
      price: 35,
      quantity: 1
    },
    {
      item_id: "gifty-gift-card",
      item_name: "Gifty Gift Card",
      item_variant: "Value: 7500",
      price: 75,
      quantity: 2
    }
  ]
});
```

In het event worden onderstaande velden meegestuurd.

| Veld | Beschrijving |
| --- | --- |
| transaction_id | Uniek Gifty order-ID |
| value | Totale waarde van alle cadeaubonnen in de bestelling. Extra items zoals verpakkingen en verzendkosten zijn bewust uitgesloten, omdat dit niet meetelt voor je omzet. |
| currency | Valuta van de bestelling (bijvoorbeeld EUR) |
| items | Alle cadeaubonnen in de bestelling |