Deze gids legt uit hoe je de Visuele Selectietool kunt gebruiken om specifieke elementen (zoals formulieren, knoppen of tekstvelden) direct op je website te identificeren en te volgen, zonder dat je HTML-code hoeft te kennen.
De Visuele Selectietool laadt je website binnen een modaal venster, waarmee je het gewenste element kunt aanwijzen en aanklikken om te volgen.
Vereisten
Zorg ervoor dat je je Tracking-project hebt opgeslagen voordat je de Visuele Selectie start. Als je een nieuw doel aanmaakt, moet het formulier minstens één keer zijn opgeslagen.
Stapsgewijze Procedure
De Visuele Selectie is beschikbaar binnen de instellingen van specifieke Doelen (zoals "Formulier Verzenden" of "Klik").
1. Toegang tot het Doel
1. Ga naar de bewerkingssectie van je Tracking-project.
2. Klik op het tabblad Doelen (Goals).
3. Activeer het gewenste doel (bijvoorbeeld "Formulier Verzenden" of "Klik") door op de knop Activeren te klikken.
4. Scroll naar de configuratiesectie van het zojuist geactiveerde doel.
2. Start de Visuele Selectietool
Afhankelijk van het doel dat je configureert, kan de tool op twee manieren worden gestart:
A. Voor selectie van Formulieren (Form) of Knoppen (Click):
1. Zoek het veld dat een selector vereist (bijvoorbeeld "Form Selector" of "CSS Selector").
2. Klik onder het begeleidende label op de knop:
- Zoek formulier op site (voor formulieren)
- Visuele Selectie (voor klikken)
B. Voor selectie van specifieke velden (bijv. Prijs of Titel):
1. Zoek het invoerveld dat een selector vereist (bijvoorbeeld "Productnaam" of "Productprijs").
2. Klik op het toverstaf-icoon (<i class="fa fa-magic" aria-hidden="true"></i>) naast het veld.
3. Interactie met de Website
Na het klikken op de selectieknop opent er een nieuw venster (modaal) waarin jouw website wordt geladen:
1. Wacht tot de pagina volledig is geladen. Als in de iframe "Bezig met laden..." wordt weergegeven, wacht dan enkele seconden. Als laden mislukt, zorg dan dat de Integratiecode op je site is geïnstalleerd en dat het project is opgeslagen.
2. Zoek in het webvenster het element (formulier, knop, veld) dat je wilt volgen.
3. Om het element te selecteren:
- Klik met de rechtermuisknop op het element,
- of houd de linkermuisknop langer dan 1 seconde ingedrukt.
4. Bevestig de Selectie
1. Na selectie verschijnt een klein dialoogvenster met de automatisch gegenereerde CSS-selector.
2. Klik op de knop Bevestigen.
De CSS-selector wordt automatisch ingevuld in het bijbehorende invoerveld binnen het trackingdoel.
> Tip: Als je meerdere velden achter elkaar configureert (zoals "Inhoudstitel" en "Inhoudswaarde"), zal de tool proberen je automatisch naar het volgende veld te leiden nadat je het eerste hebt bevestigd.
