Tracker toevoegen
Installatie
Section titled “Installatie”Voeg het volgende snippet toe aan de <head> van elke pagina die u wilt volgen:
<script defer data-domain="yourdomain.com" src="https://app.metrixs.eu/tracker.js"></script>Vervang yourdomain.com door het domein van uw site (moet overeenkomen met wat u in MetriXs registreerde).
Opties
Section titled “Opties”| Attribuut | Beschrijving |
|---|---|
data-domain |
Vereist. Uw site-domein |
data-local-dev |
Instellen om op localhost te volgen (standaard uitgeschakeld) |
Aangepaste events
Section titled “Aangepaste events”Naast automatische pageviews kunt u aangepaste events afvuren voor alles wat u wilt meten, button-kliks, video-afspeelacties, formulier-inzendingen, scroll-mijlpalen. Aangepaste events verschijnen in uw dashboard en dragen eigen eigenschappen.
// Een aangepast event met eigenschappen afvurenmetrixs('Signup CTA Click', { props: { location: 'hero' } })Opties
Section titled “Opties”| Optie | Type | Standaard | Beschrijving |
|---|---|---|---|
name |
string |
— | De event-naam (bijv. 'Signup CTA Click'). Gebruik 'pageview' voor een handmatige pageview. |
props |
object |
{} |
Aangepaste eigenschappen om aan het event te koppelen. |
url |
string |
location.href |
Overschrijf de pagina-URL die voor dit event wordt vastgelegd (handig voor SPA-route-wijzigingen). |
interactive |
boolean |
true |
Stel in op false voor passieve signalen die niet mogen tellen als echte interactie (zodat ze het bouncepercentage niet verlagen). De ingebouwde scroll-diepte-/engagement-events gebruiken dit. |
callback |
function |
— | Aangeroepen nadat het event is verzonden. |
// Niet-interactief signaal, verlengt bezoekduur zonder bouncepercentage te beinvloedenmetrixs('scroll_to_bottom', { props: { article: 'gdpr' }, interactive: false })Aangepaste events die tijdens een bezoek worden afgevuurd, verlengen ook de gemeten duur, omdat duur wordt berekend als de tijd tussen de eerste pageview en het laatste event. Zie Bezoekduur voor waar dit belangrijk is.
Automatisch getrackte events
Section titled “Automatisch getrackte events”De volledige tracker legt ook automatisch drie event-types vast, geen setup vereist:
| Event-naam | Wanneer het afvuurt | Eigenschap |
|---|---|---|
Outbound Link: Click |
Een bezoeker klikt op een link naar een extern domein | url |
File Download |
Een bezoeker klikt op een link naar een bestand (pdf, zip, mp4, …) | url |
404 |
Een 404-pagina, alleen als de pagina <meta name="metrixs:404" content="true"> instelt |
path |
Deze verschijnen in hun eigen Automatisch getrackte events-kaart op het dashboard. Om 404s vast te leggen, voeg de meta-tag toe aan uw 404-paginasjabloon:
<meta name="metrixs:404" content="true" />De lite-tracker (
tracker.lite.js) laat automatische tracking weg, alleen pageviews. Gebruik de volledigetracker.jsals u uitgaande links, downloads en 404s wilt vastleggen.
Zie Aangepaste events voor hoe u ze in het dashboard bekijkt en uit elkaar haalt.
Zelfuitsluiting
Section titled “Zelfuitsluiting”Om uw eigen bezoeken uit te sluiten, voer dit uit in uw browserconsole:
localStorage.setItem('metrixs_ignore', 'true')Lichtgewicht versie
Section titled “Lichtgewicht versie”Voor minimale bundle-grootte, gebruik de lite-tracker:
<script defer data-domain="yourdomain.com" src="https://app.metrixs.eu/tracker.lite.js"></script>