Vor em Iirichte

Für es reibigslooses Iirichte bruuched Si vier Sache. Wenn die parat sind, gaht de Rescht ganz eifach:

Element	Was es bedüütet
Dashboard-Konto	Es aktives NowMetrix-Benutzerkonto mit Zuegriff uf de passende Tracker.
Tracker-ID	D interni Kennig vo de Website, zum Biispil `TRACKER_ID`.
Website-Zuegriff	D Berechtigung, de NowMetrix-Tracking-Snippet i s Website-Template oder i de Tag Manager iizfüege.
Produktiv-Domain	De endgültigi Hostname, wo i NowMetrix azeigt werde söll, zum Biispil `example-news.com`.

1. Im Dashboard aamelde

Öffned Si dash.nowmetrix.com und mälded Si sich aa. Si chömed zur Realtime-Aasicht vo dem Tracker, wo Si zuletscht verwändet händ.

Wenn Ihri Organisation Single Sign-on verwendet, bruuched Si d Aameldemethode, wo vo de Konto-Zueständige vorgäh worde isch. Wenn Si nach em Iilogge nöd uf en Tracker chömed, bitted Si en Admin, de Benutzer zur richtige Tracker-Lischte dezuezfüege.

2. Ihri Tracker-ID finde

Jedi Website het ihri eigeti Tracker-ID. Si chönd sie sich als Bezeichnig vorstelle, wo NowMetrix zeigt, wohii en iigahende Pageview ghört. Si bruuched die gliichi ID fürs Tracking, für API-Aafrage und zum Problem löse.

Verwänded Si i Biispil und Test-Skripts neutrale IDs. I de Produktivumgebig ersetzed Si TRACKER_ID mit de Tracker-ID, wo Ihri Website zuegwiese isch.

3. Tracking installiere

Füeged Si de Snippet uf allne Siite ii, wo Si i NowMetrix gseh wänd. Für es Newsportal sind das normalerwiis Artikel-Siite, Ressort-Siite, Landingpages und d Startsiite.

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

Empfohleni Platzierig:

Platziered Si de Snippet im gemeinsame Siite-Template, irgendwo innerhalb vom <head>-Bereich.
Laded Si en pro Siite nur einisch.
Lönd Si en sowohl uf de Desktop- als au uf de Mobile-Variante aktiv.
Blockiered Si en nöd mit de Cookie-Consent-Logik, usser Ihri rechtlichi Iirichtig verlangt das.

Canonical-URLs

Standardmässig verwendet NowMetrix d URL us <link rel="canonical" href="…">, zum Variante vo ere Siite under de gliiche Artikel-URL z gruppiere. Wenn d Siite kei Canonical-Link het, verwendet NowMetrix d URL, wo tatsächlich ufgruefe worde isch.

Wenn Si au bi eme vorhandene Canonical-Link d ufgruefeni URL verwände wänd, füeged Si data-canonical="false" zu Ihrem bestehende Tracking-Snippet ii. Das funktioniert au i eme Google Tag Manager Custom-HTML-Tag.

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

Entferned Si s Attribut oder setzed Si data-canonical="true", zum Canonical-URLs wieder z aktiviere. Die Iistellig änderet nur, weli URL gtrackt wird; sie schaltet automatischi Pageviews weder ii no uus.

Wenn Si bim manuelle Sende vo eme Pageview explizit e url übergänd, het die URL Vorrang vor dere Iistellig.

En Canonical-Link cha uf e anderi Domain zeige. NowMetrix verwendet d Domain und de Pfad us dem Link. Deaktiviered Si Canonical-URLs, wenn Bsüech de Siite uf Ihrem eigene Webauftritt zuegschribe werde sötted.

Google Tag Manager

Erstelled Si im Google Tag Manager en Custom-HTML-Tag und füeged Si de standardmässige NowMetrix-Snippet ii. Lösed Si en uf allne Siite uus, wo gtrackt werde sötted.

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

Aktiviered Si Support document.write für de Custom-HTML-Tag. Ohni die Iistellig wird de Tracker im Google Tag Manager villicht nöd richtig initialisiert.

Manuells Tracking

Für di meischte Websites isch automatischs Tracking d richtigi Wahl. Wenn Si e Single-Page-App betreibed oder d volle Kontrolle über Routenwechsel bruuched, deaktiviered Si s mit data-auto="false" und schicked Si de Pageview selber.

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

En Pageview manuell sende

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

Benutzerdefiniereti Siitedate sende

Si chönd optional Ihri eigeti URL, de Titel oder de Referrer übergäh. Das isch nützlich für Single-Page-Apps, benutzerdefiniereti Navigation oder Siite, bi dene d sichtbari URL vor em Tracking normalisiert werde söll.

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

4. Iigahendi Date prüefe

Jetzt wirds spannend: Veröffentliched Si de Snippet, öffned Si e echti Siite und wechsled Si zu Top-Siite. Ihr Bsuech sött innerhalb vo wenige Sekunde azeigt werde.

Prüefig	Erwartets Ergebnis
Live-Läser	D Zahl vo de aktive Bsuecher nimmt zue, sobald Siite ufgmacht werde.
Top-Siite	D ufgruefeni Siite erscheint mit Pfad, Titel und Zahl vo de aktive Bsuecher.
Quälle	Direkti, Referrer-, Such-, Social- oder UTM-Quälle werde i de Quälle-Aasicht gruppiert.
Überblick	Für de Tracker werde täglichi Pageviews und Bsüech ufgzeichnet.

Dateschutzmodell

NowMetrix funktioniert ohni Cookies oder Local Storage. Es verwendet anonymisierti Hashes für en Ziitruum vo 24 Stunde. So chönd Si täglich eindeutigi Bsuecher messe, ohni es langfristigs Besucherprofil z erstelle.

Anonymisierti Benutzerdaten werde nur 24 Stunde lang ufbewahrt. Danach werde d gehashte Salts entfernt. Drum werde Monet-Bsüech us de tägliche Zahle vo eindeutige Bsuecher berechnet.

5. Ihre erschte Workflow iirichte

Dashboard-Monitoring

Verwänded Si d Realtime- und Dashboard-Aasichte, zum aktivi Bsuecher, Top-Siite, Quälle, Grät, Länder und de Puls vo hüt z überwache.

API-Zuegriff

Konto-Admins und Teammitglieder mit API-Zuegriff chönd under Iistellige -> API persönlechi API-Schlüssel erstelle. I de REST-API-Referenz finded Si Endpoints und Biispil.

Teamzugang

Sobald Date iiflüssed, laded Si die Lüüt ii, wo damit schaffe sötted. Gebed Si jeder Person nur Zuegriff uf die Tracker, wo sie bruucht. Admins verwalted d Kontoiistellige und chönd ausgewählte Editors mit persönlichem API-Zuegriff usstatte.

Wenn es Teammitglied en Tracker nöd gseht, prüefed Si d zuegwieseni Tracker-Lischte, bevor Si d Tracking-Installation ändered.

Legacy-Integration

AMP-Tracking

Verwänded Si die Integration nur, wenn Ihri Website no AMP-Siite usliefert. Für neui Installationen bruuched Si de standardmässige JavaScript-Snippet oder d Google-Tag-Manager-Iirichtig obe.

Füeged Si zuerst d AMP-Analytics-Komponente ii:

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

Füeged Si danach d NowMetrix-AMP-Konfiguration ii:

<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 kei Date azeigt werde

Prüefed Si, öb de Snippet im gerenderte HTML vo de Live-Siite vorhande isch.
Prüefed Si, öb d Tracker-ID mit em im Dashboard uusgwählte Tracker übereinstimmt.
Öffned Si d Entwicklerwerkzüg vom Browser und sueched Si nach blockierte Netzwerkaafrage.
Prüefed Si, öb d Siite nöd us eme zwüschespeicherete Template usglieferet wird, wo de Snippet nöd enthält.
Bitted Si de NowMetrix-Support, z prüefe, öb de Tracker Events empfangt.

Verbinded Si Ihri erschti Website mit NowMetrix.