Voordat u begint

Een soepele installatie begint met vier eenvoudige zaken. Zorg dat u deze bij de hand hebt; daarna wijst de rest zich vanzelf:

Onderdeel	Wat het betekent
Dashboardaccount	Een actief NowMetrix-gebruikersaccount met toegang tot de relevante tracker.
Tracker-ID	De interne identificatie voor de website, bijvoorbeeld `TRACKER_ID`.
Toegang tot de website	Toestemming om de NowMetrix-trackingsnippet aan de websitesjabloon of tagmanager toe te voegen.
Productiedomein	De uiteindelijke hostnaam die in NowMetrix moet worden weergegeven, bijvoorbeeld `example-news.com`.

1. Meld u aan bij het dashboard

Open dash.nowmetrix.com en meld u aan. U komt terecht in de realtimeweergave van de tracker die u het meest recent hebt gebruikt.

Als uw organisatie single sign-on gebruikt, kiest u de aanmeldmethode die uw accounteigenaar heeft verstrekt. Kunt u na het aanmelden geen tracker openen, vraag dan een beheerder om uw gebruiker aan de juiste trackerlijst toe te voegen.

2. Zoek uw tracker

Elke website heeft een eigen tracker-ID. Zie dit als het label dat NowMetrix vertelt bij welke website een binnenkomende Pageview hoort. U gebruikt dezelfde ID voor tracking, API-aanvragen en het oplossen van problemen.

Gebruik neutrale ID’s in voorbeelden en testscripts. Vervang TRACKER_ID in productie door de tracker-ID die aan uw website is toegewezen.

3. Installeer tracking

Voeg de snippet toe aan elke pagina die u in NowMetrix wilt zien. Voor een nieuwsredactie zijn dat meestal artikelpagina’s, sectiepagina’s, landingspagina’s en de homepage.

<script src="https://ua.realtimely.io/script.js" data-site="TRACKER_ID" defer></script>

Aanbevolen plaatsing:

Plaats de snippet in de gedeelde paginasjabloon, ergens binnen de <head>-sectie.
Laad de snippet per pagina slechts één keer.
Houd de snippet actief voor zowel desktop- als mobiele paginavarianten.
Blokkeer de snippet niet op basis van cookietoestemming, tenzij uw juridische inrichting dat vereist.

Google Tag Manager

Maak in Google Tag Manager een tag van het type Custom HTML en plak de standaard- NowMetrix-snippet daarin. Activeer de tag op alle pagina’s die moeten worden gemeten.

<script src="https://ua.realtimely.io/script.js" data-site="TRACKER_ID" defer></script>

Schakel Support document.write in voor de Custom HTML-tag. Zonder deze instelling wordt de tracker mogelijk niet correct geïnitialiseerd in Google Tag Manager.

Handmatige tracking

Voor de meeste websites is automatische tracking de juiste keuze. Als u een singlepageapp gebruikt of volledige controle over routewijzigingen nodig hebt, schakelt u automatische tracking uit met data-auto="false" en verstuurt u de pageview zelf.

<script src="https://ua.realtimely.io/script.js" data-site="TRACKER_ID" data-auto="false" defer></script>

Handmatig een pageview versturen

<script>
document.addEventListener("DOMContentLoaded", () => {
    realtimely.trackPageview();
});
</script>

Aangepaste paginagegevens versturen

U kunt desgewenst uw eigen URL, titel of referrer doorgeven. Dit is handig voor singlepageapps, aangepaste routing of pagina’s waarop de zichtbare URL vóór de tracking moet worden gestandaardiseerd.

<script>
document.addEventListener("DOMContentLoaded", () => {
    realtimely.trackPageview("TRACKER_ID", {
        url: "https://example-news.com/about",
        title: "About our publication",
        referrer: "https://google.com"
    });
});
</script>

4. Controleer binnenkomende gegevens

Nu komt het interessante deel: publiceer de snippet, open een echte pagina en ga naar Toppagina’s. Uw bezoek verschijnt binnen enkele seconden.

Controle	Verwacht resultaat
Livelezers	Het aantal actieve gebruikers neemt toe wanneer pagina’s worden geopend.
Toppagina’s	De geopende pagina verschijnt met het pad, de titel en het aantal actieve gebruikers.
Bronnen	Directe, referrer-, zoek-, sociale of UTM-bronnen worden gegroepeerd in de bronnenweergave.
Overzicht	Dagelijkse Pageviews en bezoeken beginnen zich voor de tracker op te bouwen.

Privacymodel

NowMetrix werkt zonder cookies of lokale opslag. Het gebruikt geanonimiseerde hashes gedurende een periode van 24 uur, zodat u dagelijkse unieke bezoekers kunt meten zonder een langdurig bezoekersprofiel op te bouwen.

Geanonimiseerde gebruikersgegevens worden slechts 24 uur bewaard. Daarna worden de gehashte salts verwijderd, zodat maandelijkse bezoeken worden berekend op basis van dagelijkse totalen van unieke bezoekers.

5. Richt uw eerste werkwijze in

Dashboardmonitoring

Gebruik de realtime- en dashboardweergaven om actieve gebruikers, Toppagina’s, bronnen, apparaten, landen en de Pulse van vandaag te monitoren.

API-toegang

Accountbeheerders en teamleden met API-toegang kunnen persoonlijke API-sleutels aanmaken via Settings -> API. Raadpleeg de REST API-referentie voor endpoints en voorbeelden.

Teamtoegang

Zodra de gegevens binnenkomen, nodigt u de mensen uit die ermee moeten werken. Geef iedereen alleen toegang tot de trackers die nodig zijn; beheerders beheren de accountinstellingen en kunnen geselecteerde redacteuren persoonlijke API-toegang geven.

Kan een teamlid een tracker niet zien? Controleer dan eerst de toegewezen trackerlijst voordat u de trackinginstallatie wijzigt.

Verouderde integratie

AMP-tracking

Gebruik deze integratie alleen als uw website nog AMP-pagina’s aanbiedt. Gebruik voor nieuwe installaties de standaard-JavaScriptsnippet of de bovenstaande configuratie met Google Tag Manager.

Voeg eerst de AMP Analytics-component toe:

<script async custom-element="amp-analytics" src="https://cdn.ampproject.org/v0/amp-analytics-0.1.js"></script>

Voeg daarna de NowMetrix AMP-configuratie toe:

<amp-analytics config="https://ua.realtimely.io/amp/amp.v1.json" data-credentials="include">
    <script type="application/json">
        {"vars": {"accountId": "TRACKER_ID"}}
    </script>
</amp-analytics>

Als er geen gegevens verschijnen

Controleer of de snippet aanwezig is in de gerenderde HTML van de livepagina.
Controleer of de tracker-ID overeenkomt met de tracker die in het dashboard is geselecteerd.
Open de ontwikkelaarstools van de browser en zoek naar geblokkeerde netwerkaanvragen.
Controleer of de pagina niet wordt geladen vanuit een gecachte sjabloon waarin de snippet ontbreekt.
Vraag de NowMetrix-ondersteuning om te controleren of de tracker gebeurtenissen ontvangt.

Breng uw eerste website live met NowMetrix.