# Meta Pixel (Facebook).

> Source: https://docs.gifty.nl/nl/order-widget/installation/meta-pixel-facebook
> Language: nl

De pixel-integratie maakt het mogelijk om verschillende [standaard events](https://developers.facebook.com/docs/meta-pixel/reference#standard-events) te meten vanuit de bestelmodule. Door de integratie in te schakelen worden de events verstuurd naar de FBQ tag die al op de pagina aanwezig is.

Er worden drie events ondersteund, namelijk `ViewContent`, `AddToCart` en `Purchase`.

---

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

## Installatie

Om de events in te schakelen, pas je het Gifty-script aan door de fbq-property toe te voegen en in te stellen op true.

De events worden verstuurd naar de Meta pixel op pagina's waar de bestelmodule getoond wordt. De Meta pixel dient dus al geïnstalleerd te zijn.

```html
<script>
window.Gifty = {
  key: 'WIDGET_KEY_HERE',
  fbq: 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="events"></a>

## Events

De events `ViewContent`, `AddToCart` en `Purchase` worden ondersteund. Hieronder vind je per event wanneer het event verstuurd wordt en welke gegevens het event bevat.

| Event | Wanneer | Gegevens |
| --- | --- | --- |
| ViewContent | Weergave van de bestelpagina | currency, content_category |
| AddToCart | Product (cadeaubon of arrangement) toegevoegd aan bestelling | value, currency, content_ids, content_name, content_type, contents |
| Purchase | Na het plaatsen van een bestelling | value, currency, content_type, contents, num_items |

<a id="viewcontent"></a>

### ViewContent

Een voorbeeld van gegevens die verstuurd worden als de bestelmodule wordt bekeken.

```js
fbq('track', 'ViewContent', {
    currency: 'EUR',
    content_category: 'Gift Cards',
});
```

<a id="addtocart"></a>

### AddToCart

Een voorbeeld van gegevens die verstuurd worden als een product aan de bestelling wordt toegevoegd.

```js
fbq('track', 'AddToCart', {
    currency: 'EUR',
    value: 25.95,
    content_ids: ['package-PACKAGE_ID-ORGANIZATION_ID-2595'],
    content_name: 'Gift Card',
    content_type: 'product',
    contents: [
        {
            id: 'package-PACKAGE_ID-ORGANIZATION_ID-2595',
            quantity: 1,
        }
    ]
});
```

<a id="purchase"></a>

### Purchase

Een voorbeeld van gegevens die verstuurd worden zodra een bestelling geplaatst is.

```js
fbq('track', 'Purchase', {
    currency: 'EUR',
    value: 50.95,
    content_type: 'product',
    contents: [
        {
            id: 'package-PACKAGE_ID-ORGANIZATION_ID-2595',
            quantity: 1,
        },
        {
            id: 'gift-card-ORGANIZATION_ID-2500',
            quantity: 1,
        }
    ],
    num_items: 2,
});
```