# DEPT - Delta Energie | Promotion tracking | Developer Instructions

In dit meetplan vindt je de instructies voor GA4 promotion tracking. GA4 wijst de resultaten (bijv. omzet aan aanmeldingen) maar ook de stappen tussen de promotie impressen en de aankoop toe aan de 'items' zelf. Dit betekent dat alle stappen in het proces dezelfde item identifiers dienen te bevatten. Momenteel is dit nog niet zo ingesteld, dus vandaar deze instructie om dit te optimaliseren.

:::info
:bulb: Je kunt comments toevoegen door wat tekst te selecteren.
:::

## view_promotion
**Wanneer**

De gebruiker een promotie in de view_port van het scherm ziet.

**Dan**

Voer de volgende JS code uit:

<script> 
window.dataLayer = window.dataLayer || [];
dataLayer.push({
'event' : 'view_promotion',
'promotion_name': 'de naamn van de promotie met de looptijd.' // Bijv: stroomsurprise - 1jan22 - 28feb22
'promotion_id': 'uniek nummer of inhoud die de promotie identificeert.' // Bijv:stroomsurprise - 1jan22 - 28feb22 of 1234567',
'creative_name:': 'naam van de getoonde banner.' // Bijv. card: groene stroom en gas ',  
, // let op als dezelfde promotie op meerdere pagina's wordt gebruikt dient het id dezelfde inhoud te bevatten.     
'items': [{
'item_id': 'het productnummer van het product wat gepromoot wordt.' // Let op: Dit dient hetzelfde te zijn als het productnummer bij de transactie (purchase event) aan het einde van aankoop- of aanmeldingsfunnel. Bijv: PPCD002178
'item_name': 'de naam van het product', // Let op: Dit dient hetzelfde te zijn als de productnaam bij de transactie (purchase event) aan het einde van aankoop- of aanmeldingsfunnel. Bijv: DELTA Gas 1 jaar
}]
});
</script>

</br>

## select_promotion

**Wanneer**

De gebruiker op een promotie banner klikt.

**Dan**

Voer de volgende JS code uit:

<script> 
window.dataLayer = window.dataLayer || [];
dataLayer.push({
'event' : 'select_promotion',
'promotion_name': 'de naamn van de promotie met de looptijd.' // Bijv: stroomsurprise - 1jan22 - 28feb22
'promotion_id': 'uniek nummer of inhoud die de promotie identificeert.' // Bijv:stroomsurprise - 1jan22 - 28feb22 of 1234567',
'creative_name:': 'naam van de getoonde banner.' // Bijv. card: groene stroom en gas ',  
, // let op als dezelfde promotie op meerdere pagina's wordt gebruikt dient het id dezelfde inhoud te bevatten.     
'items': [{
'item_id': 'het productnummer van het product wat gepromoot wordt.' //Let op: Dit dient hetzelfde te zijn als het productnummer bij de transactie (purchase event) aan het einde van aankoop- of aanmeldingsfunnel. Bijv: PPCD002178
'item_name': 'de naam van het product', //Let op: Dit dient hetzelfde te zijn als de productnaam bij de transactie (purchase event) aan het einde van aankoop- of aanmeldingsfunnel. Bijv: DELTA Gas 1 jaar
}]
});
</script>