Deze gids laat je zien hoe je een trackingdoel instelt om klikken te registreren die plaatsvinden op specifieke elementen van je website, zoals knoppen, links of afbeeldingen.
Om de functie "Visuele Selectie" te gebruiken, zorg ervoor dat je het trackingproject eerst hebt opgeslagen.
Stapsgewijze Procedure
1. Ga naar de Doelen Sectie
1. Open het trackingproject dat je wilt aanpassen.
2. Klik op het tabblad Doelen (het tweede tabblad van de bewerkingsmodule).
3. Zoek het vak met de titel Klik (muispictogram).
2. Activeer het Doel "Klik"
1. Als het vak Klik niet actief is, klik dan op de knop Activeren in de rechterbovenhoek van het vak.
2. Zodra het is geactiveerd, verschijnt er een sectie om de trackingregels te configureren.
3. Voeg een Klikregel toe
Om een klik te volgen, moet je een specifieke regel definiëren die het aangeklikte element identificeert. Je kunt meerdere regels toevoegen door op de knop Klik Toevoegen te klikken.
1. Klik op de knop Klik Toevoegen. Er opent een nieuw configuratieblok.
4. Definieer het te volgen element
Je hebt twee hoofdmethoden om het element te definiëren: Visuele Selectie (aanbevolen) of handmatige selectie via selector.
Optie A: Visuele Selectie (Aanbevolen)
Met deze tool kun je navigeren op je website en klikken op het gewenste element om automatisch de selector te genereren.
1. Klik in de zojuist toegevoegde regelsectie op de knop Visuele Selectie.
2. Er opent een modaal venster waarin jouw website wordt geladen.
3. Klik met de rechtermuisknop op het element (link, knop, enz.) dat je wilt volgen.
- Alternatief kun je ook langer dan 1 seconde met de linkermuisknop ingedrukt houden.
4. Het systeem toont je de gegenereerde CSS-selector. Klik op Bevestigen.
5. Het veld CSS-selector wordt automatisch ingevuld en de "Selectiemethode" wordt ingesteld op Via CSS-selector.
Optie B: Handmatige Selectie
Als je liever handmatig de identificatie van het element invoert, gebruik dan het dropdownmenu Selectiemethode*.
1. Kies in het dropdownmenu Selectiemethode* de meest geschikte methode om het element te identificeren:
| Selectiemethode | Beschrijving |
|---|---|
| Via bestemmingslink (Link) | Volgt klikken gebaseerd op de bestemmings-URL (href). |
| Via klasse (Klasse) | Volgt klikken gebaseerd op de CSS-klasse (bijv.: btn-primary). |
| Via element-ID (ID) | Volgt klikken gebaseerd op de unieke ID van het element (bijv.: #koop-knop). |
| Via CSS-selector (Selector) | Volgt klikken via een complexe CSS-selector (bijv.: body .menu > a:nth-child(2)). |
| Via tekst van element (Tekst) | Volgt klikken alleen als het element exact die tekst bevat. |
| Via deel van tekst (Contains) | Volgt klikken als het element ten minste een deel van de opgegeven tekst bevat. |
2. Vul in het onderstaande veld (de label verandert afhankelijk van gekozen methode) de corresponderende waarde in (link, klasse, ID, selector of tekst).
5. Configureer Externe Tracking (optioneel)
Als je dit klik-evenement ook naar externe platforms wilt sturen (zoals Meta Ads, Google Ads, TikTok, enz.), moet je third-party tracking inschakelen.
1. Zoek de sectie Third-party tracking (meestal rechts of onderaan).
2. Vink het vakje Inschakelen aan.
3. De trackingvoorkeurensectie opent zich per platform (Meta Ads evenementen, Google evenementen, enz.).
4. Eventnaam: Voer voor elk platform de eventidentifier in (bijv., AddToWishlist of CustomClick).
- Opmerking: Laat je dit veld leeg, dan wordt de standaard eventnaam gebruikt.
5. Aangepaste parameters (optioneel): Je kunt extra parameters toevoegen specifiek per platform (bijv., value, currency).
6. Sla het project op
1. Nadat alle gewenste klikregels zijn geconfigureerd, klik je op de knop Opslaan (meestal onderaan de pagina).
2. Het systeem begint onmiddellijk met het volgen van klikken volgens jouw gedefinieerde regels.
