Vorbereitung

Für eine reibungslose Einrichtung benötigen Sie vier Dinge. Halten Sie diese bereit, dann ist der Rest unkompliziert:

Element	Bedeutung
Dashboard-Konto	Ein aktives NowMetrix-Benutzerkonto mit Zugriff auf den relevanten Tracker.
Tracker-ID	Die interne Kennung der Website, zum Beispiel `TRACKER_ID`.
Website-Zugriff	Berechtigung, das NowMetrix-Tracking-Snippet in die Website-Vorlage oder den Tag Manager einzufügen.
Produktionsdomain	Der endgültige Hostname, der in NowMetrix erscheinen soll, zum Beispiel `example-news.com`.

1. Im Dashboard anmelden

Öffnen Sie dash.nowmetrix.com und melden Sie sich an. Sie gelangen zur Echtzeitansicht des Trackers, den Sie zuletzt verwendet haben.

Wenn Ihre Organisation Single Sign-on verwendet, nutzen Sie die von der kontoverantwortlichen Person vorgegebene Anmeldemethode. Falls Sie nach der Anmeldung nicht auf einen Tracker zugreifen können, bitten Sie eine Administrationsperson, Ihren Benutzer zur richtigen Tracker-Liste hinzuzufügen.

2. Ihren Tracker finden

Jede Website hat eine eigene Tracker-ID. Sie können sie sich als Bezeichnung vorstellen, die NowMetrix mitteilt, zu welcher Website ein eingehender Pageview gehört. Sie verwenden dieselbe ID für das Tracking, API-Anfragen und die Fehlerbehebung.

Verwenden Sie in Beispielen und Testskripten neutrale IDs. Ersetzen Sie TRACKER_ID in der Produktion durch die Ihrer Website zugewiesene Tracker-ID.

3. Tracking installieren

Fügen Sie das Snippet auf jeder Seite ein, die in NowMetrix angezeigt werden soll. Für eine Redaktion sind das in der Regel Artikelseiten, Ressortseiten, Landingpages und die Startseite.

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

Empfohlene Platzierung:

Platzieren Sie das Snippet in der gemeinsamen Seitenvorlage, innerhalb des <head>-Bereichs.
Laden Sie es pro Seite nur einmal.
Aktivieren Sie es sowohl für Desktop- als auch für mobile Seitenvarianten.
Blockieren Sie es nicht durch die Cookie-Einwilligungslogik, ausser Ihre rechtlichen Vorgaben erfordern dies.

Google Tag Manager

Erstellen Sie im Google Tag Manager ein Tag vom Typ Custom HTML und fügen Sie das Standard-Snippet von NowMetrix ein. Lösen Sie es auf allen Seiten aus, die getrackt werden sollen.

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

Aktivieren Sie Support document.write für das Custom-HTML-Tag. Ohne diese Einstellung wird der Tracker im Google Tag Manager möglicherweise nicht korrekt initialisiert.

Manuelles Tracking

Für die meisten Websites ist automatisches Tracking die richtige Wahl. Wenn Sie eine Single-Page-App betreiben oder die volle Kontrolle über Routenwechsel benötigen, deaktivieren Sie es mit data-auto="false" und senden Sie den Pageview selbst.

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

Einen Pageview manuell senden

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

Eigene Seitendaten senden

Optional können Sie Ihre eigene URL, Ihren eigenen Titel oder Referrer übergeben. Das ist nützlich für Single-Page-Apps, benutzerdefiniertes Routing oder Seiten, auf denen die sichtbare URL vor dem Tracking vereinheitlicht werden soll.

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

4. Eingehende Daten überprüfen

Jetzt wird es spannend: Veröffentlichen Sie das Snippet, öffnen Sie eine echte Seite und wechseln Sie zu Top Pages. Ihr Besuch sollte innerhalb weniger Sekunden erscheinen.

Prüfung	Erwartetes Ergebnis
Live-Leser	Die Anzahl der aktiven Live-Leser steigt, sobald Seiten geöffnet werden.
Top Pages	Die geöffnete Seite erscheint mit ihrem Pfad, Titel und der Anzahl aktiver Live-Leser.
Quellen	Direktzugriffe, Referrer, Suchmaschinen, Social Media oder UTM-Quellen werden in der Quellenansicht gruppiert.
Übersicht	Für den Tracker werden täglich Pageviews und Besuche erfasst.

Datenschutzmodell

NowMetrix funktioniert ohne Cookies und Local Storage. Für einen Zeitraum von 24 Stunden werden anonymisierte Hashes verwendet. So können Sie täglich eindeutige Besucher messen, ohne ein langfristiges Besucherprofil zu erstellen.

Anonymisierte Benutzerdaten werden nur 24 Stunden aufbewahrt. Danach werden die gehashten Salts entfernt, sodass die monatlichen Besuche aus den täglichen Summen der eindeutigen Besucher berechnet werden.

5. Ihren ersten Workflow konfigurieren

Dashboard-Überwachung

Überwachen Sie in der Echtzeit- und Dashboard-Ansicht aktive Live-Leser, Top Pages, Quellen, Geräte, Länder und den heutigen Pulse.

API-Zugriff

Kontoadministratoren und Teammitglieder mit API-Zugriff können unter Einstellungen -> API persönliche API-Schlüssel erstellen. In der REST-API-Referenz finden Sie Endpoints und Beispiele.

Teamzugriff

Sobald Daten fliessen, laden Sie die Personen ein, die damit arbeiten sollen. Geben Sie jeder Person nur Zugriff auf die benötigten Tracker. Administratoren verwalten die Kontoeinstellungen und können ausgewählten Editoren persönlichen API-Zugriff gewähren.

Wenn ein Teammitglied einen Tracker nicht sehen kann, überprüfen Sie die zugewiesene Tracker-Liste, bevor Sie die Tracking-Installation ändern.

Legacy-Integration

AMP-Tracking

Verwenden Sie diese Integration nur, wenn Ihre Website noch AMP-Seiten ausliefert. Verwenden Sie für neue Installationen das standardmässige JavaScript-Snippet oder die oben beschriebene Einrichtung mit Google Tag Manager.

Fügen Sie zuerst die AMP-Analytics-Komponente ein:

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

Fügen Sie anschliessend die NowMetrix-AMP-Konfiguration ein:

<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>

Wenn keine Daten erscheinen

Vergewissern Sie sich, dass das Snippet im gerenderten HTML der Live-Seite vorhanden ist.
Prüfen Sie, ob die Tracker-ID mit dem im Dashboard ausgewählten Tracker übereinstimmt.
Öffnen Sie die Entwicklertools des Browsers und suchen Sie nach blockierten Netzwerkanfragen.
Stellen Sie sicher, dass die Seite nicht aus einer gecachten Vorlage ausgeliefert wird, in der das Snippet fehlt.
Bitten Sie den NowMetrix-Support zu prüfen, ob der Tracker Ereignisse empfängt.

Schalten Sie Ihre erste Website mit NowMetrix live.