Installation: Füge das Skript „mandera“ hinzu

Bau mandera auf deiner Website ein, prüf, ob das Tracking läuft, und behebe die häufigsten Probleme beim Setup.

Sobald das Tracking-Snippet auf deiner Website lädt, beginnt mandera, Daten zu sammeln. Füg es auf jeder Seite ein, die du messen willst, und prüf danach die Installation im Browser und im mandera Dashboard.

Du nutzt ein bestimmtes CMS oder einen Website-Baukasten? Wähl unten dein System und spring direkt zur passenden Anleitung:

Bevor du loslegst

Was du brauchst

Bevor du mandera einbaust, stell sicher, dass du Folgendes hast:

Zugriff auf dein mandera Dashboard
eine in mandera angelegte Website
das Tracking-Snippet für diese Website
Zugang zu deinem CMS, Tag Manager oder Website-Code

Dein genaues Tracking-Snippet findest du in deinem mandera Dashboard unter Settings.

Wohin das Snippet gehört

Das mandera-Tracking-Snippet sollte zum <head> -Bereich deiner Website ein, damit die Datenerfassung startet.

Bei den meisten Websites sollte das Snippet auf jeder öffentlichen Seite laden, die mandera messen soll. Je nach Setup fügst du es über dein CMS, deinen Tag Manager oder den globalen Site-Header ein.

Allgemeines Setup

Tracking-Snippet

Füg das mandera Tracking-Snippet auf deiner Website ein, damit mandera Daten sammeln kann.

<script
  src="https://<deine-mandera-web-url>/analytics.js"
  mandera-org="ORG_ID"
  data-property-id="PROPERTY_ID"
  async
></script>

Die Werte in deinem Snippet werden für deine Website erzeugt. Übernimm nicht die Beispielwerte von oben.

Lass das Snippet genau so, wie es in deinem mandera Dashboard steht. Fehlt einer der nötigen Werte oder ist er verändert, empfängt mandera womöglich keine Daten von deiner Website.

Erforderliche Attribute

Damit das Snippet richtig funktioniert, braucht es diese Bestandteile:

Bestandteil	Funktion
`src`	Lädt das mandera Analytics-Script.
`mandera-org`	Verbindet das Script mit deiner Organisation.
`data-property-id`	Verbindet das Script mit der Website, die du in mandera angelegt hast.
`asynchron`	Lässt das Script laden, ohne deine Website zu blockieren.

Installationsmethoden

Google Tag Manager

Nutz diese Methode, wenn deine Website bereits Google Tag Manager einsetzt.

Öffne Google Tag Manager.
Wähl den Container deiner Website.
Erstell ein neues Tag.
Wähl ein Custom-HTML-Tag.
Füg das mandera Tracking-Snippet in das HTML-Feld ein.
Setz den Trigger auf alle Seiten.
Speicher und veröffentliche den Container.
Öffne deine Website in einem neuen Browser-Tab.
Prüf die Installation mit den Schritten weiter unten.

Stell sicher, dass der Google-Tag-Manager-Container selbst schon auf deiner Website eingebaut ist. Lädt der Container nicht, lädt auch das mandera Snippet nicht.

Manuelles HTML

Nutz diese Methode, wenn du den Code deiner Website direkt bearbeiten kannst.

Öffne das globale HTML-Template deiner Website.
Finde die <head> Abschnitt.
Füge das mandera-Tracking-Snippet vor dem schließenden </head> Tag.
Speicher und deploye deine Änderungen.
Öffne deine Website in einem neuen Browser-Tab.
Prüf die Installation mit den Schritten weiter unten.

Nutzt deine Website verschiedene Templates für verschiedene Seitentypen, achte darauf, dass das Snippet in allen Templates steckt, die du messen willst.

Single-Page-Applications

Single-Page-Applications werden voll unterstützt. mandera erkennt clientseitige Route-Wechsel und zählt sie als Seitenaufrufe, deshalb brauchen Apps mit React, Vue, Next.js oder ähnlichen Frameworks kein zusätzliches Setup. Nur Pfad-Wechsel zählen als neuer Seitenaufruf, und Seiten, die unter drei Sekunden zu sehen sind, gelten als Rauschen und werden verworfen, außer der letzten Seite eines Besuchs.

Tracking deaktivieren

mandera filtert deine eigenen Dashboard-Besuche und Bot-Traffic automatisch heraus, du musst dich also nicht selbst ausschließen. Damit mandera deine Website gar nicht mehr misst, entfern das Tracking-Snippet aus deinem CMS, Tag Manager oder Template. Bereits gesammelte Daten bleiben in deinem Dashboard verfügbar.

Setup prüfen

1. Öffne deine Website

Öffne eine beliebige öffentliche Seite, auf der das Snippet aktiv sein sollte.

2. Öffne die Entwicklertools im Browser

Öffne die Entwicklertools deines Browsers und geh zum Tab Network.

3. Lad die Seite neu

Lad die Seite neu, während der Tab Network offen ist.

4. Such nach dem mandera Script

Suche nach analytics.js oder deine mandera-Web-URL. Wenn das Skript mit dem Status „erfolgreich“ erscheint, wird das Snippet geladen.

5. Prüf das mandera Dashboard

Öffne die Analytics Suite in mandera und schau, ob Daten auftauchen.

Daten erscheinen nicht immer sofort. Lädt das Script korrekt, aber es kommen keine Daten an, mach mit den Troubleshooting-Schritten weiter unten weiter.

Fehlerbehebung

In mandera erscheinen keine Daten

Prüf zuerst diese Punkte:

Das Snippet ist auf der Seite eingebaut, die du testest.
Das Snippet steht im <head> section
Die Organisation-ID ist unverändert.
Die Website-ID ist unverändert.
Der Cache deiner Website wurde geleert.
Deine Tag-Manager-Änderungen sind veröffentlicht.
Dein Browser oder Ad-Blocker blockiert das Script nicht.

Das Script erscheint nicht im Network-Tab

Findest du das Script nicht im Network-Tab, lädt das Snippet vermutlich nicht.

Prüf, ob es im richtigen Template, CMS-Feld oder Tag-Manager-Container hinterlegt ist.

Das Script erscheint, aber es kommen trotzdem keine Daten

Lädt das Script, aber es erscheinen keine Daten, prüf, ob die Seite öffentlich ist, ob in mandera die richtige Website ausgewählt ist und ob das Snippet zur selben Website gehört, die du gerade ansiehst.

Nur einige Seiten werden erfasst

Erscheinen in mandera nur einige Seiten, ist das Snippet womöglich nicht global eingebaut.

Füg es im globalen Header oder in allen relevanten Templates ein.

Google Tag Manager löst das Tag nicht aus

Prüf, ob das Tag den Trigger für alle Seiten nutzt, ob der Container veröffentlicht wurde und ob der Google-Tag-Manager-Container auf der Website lädt.

Anleitungen für einzelne CMS

WordPress

mandera funktioniert mit klassischen WordPress-Themes, Block-Themes und Headless-WordPress-Setups. Wähl die Methode, die am besten zu deiner Website passt.

Methode 1: Snippet in den Theme-Header einfügen

Du kannst das mandera-Snippet direkt in die Theme-Datei einfügen header.php Datei.

Geh in WordPress zu Design → Theme-Datei-Editor.
Öffne header.php Datei.
Füge das mandera-Snippet vor dem schließenden Tag ein </head> Tag.
Ersetz die Platzhalterwerte durch die Werte aus deinem mandera Dashboard.
Klick auf Datei aktualisieren.
Öffne deine Website und prüf die Installation.

<script
  src="https://<deine-mandera-web-url>/analytics.js"
  mandera-org="ORG_ID"
  data-property-id="PROPERTY_ID"
  async
></script>

Wenn du dein Theme aktualisierst oder wechselst, musst du das Snippet eventuell erneut einfügen.

Methode 2: Ein Plugin zum Einfügen im Header nutzen

Du kannst mandera auch installieren, ohne Theme-Dateien zu bearbeiten.

Installier ein Plugin wie WPCode oder Header Footer Code Manager.
Öffne die Plugin-Einstellungen.
Füg das mandera Snippet in den Header-Bereich ein.
Speicher deine Änderungen.
Leer den Cache deiner Website, falls du ein Caching-Plugin nutzt.
Öffne deine Website und prüf die Installation.

Diese Methode ist bei Theme-Updates meist stabiler, weil das Plugin das Snippet verwaltet.

Methode 3: Snippet über die functions.php einfügen

Du kannst das Snippet auch programmatisch über dein Theme einbinden functions.php Datei.

function mandera_tracking_script() {
    ?>
    <script
      src="https://<your-mandera-web-url>/analytics.js"
      mandera-org="ORG_ID"
      data-property-id="PROPERTY_ID"
      async
    ></script>
    <?php
}
add_action('wp_head', 'mandera_tracking_script');

Ersetz ORG_ID, PROPERTY_ID und die Skript-URL mit den Werten aus deinem mandera-Dashboard.

In Produktivumgebungen ist es oft besser, diese Werte als WordPress-Optionen oder -Konstanten abzulegen, statt sie fest ins Theme zu schreiben.

Headless WordPress

Nutzt du WordPress als Headless-CMS mit einem Frontend-Framework wie Next.js, Nuxt oder Gatsby, installier mandera in deiner Frontend-Anwendung statt im WordPress-Backend.

Füge das Snippet in dein Frontend ein <head> Abschnitt. Wenn dein Frontend clientseitiges Routing verwendet, lies auch die Notiz zu Single-Page Applications oben.

Shopify

mandera lässt sich in Shopify installieren, indem du das Tracking-Snippet in deine Storefront einfügst. Empfohlen ist, das Snippet global zu laden, damit es auf allen öffentlichen Seiten erscheint, die mandera messen soll.

Dazu gehören meist Seiten wie deine Startseite, Produktseiten, Kollektionsseiten und Inhaltsseiten.

Methode 1: Snippet in dein Shopify-Theme einfügen

Nutz diese Methode, wenn du Zugriff auf den Code deines Shopify-Themes hast und mandera direkt in deinem aktiven Theme installieren willst.

Bevor du den Theme-Code bearbeitest, dupliziere dein aktives Theme am besten als Backup.

Öffne deinen Shopify-Adminbereich.
Geh zu Onlineshop → Themes.
Such dein aktives Theme.
Öffne das Theme-Menü und wähl Code bearbeiten.
Öffne im Layout-Ordner theme.liquid.
Finde das schließende </head> Tag.
Füge das mandera-Tracking-Snippet direkt vor dem schließenden </head> Tag.
Speicher deine Änderungen.
Öffne deine Storefront in einem neuen Browser-Tab.
Prüf die Installation mit den Schritten weiter oben.

Füge dieses Snippet vor dem schließenden Tag ein. </head> -Tag in theme.liquid:

<script
  src="https://<deine-mandera-web-url>/analytics.js"
  mandera-org="ORG_ID"
  data-property-id="PROPERTY_ID"
  async
></script>

Ersetz ORG_ID, PROPERTY_ID und die Skript-URL mit den Werten aus deinem mandera-Dashboard.

Wenn du dein Shopify-Theme später aktualisierst, duplizierst oder wechselst, prüf, ob das mandera Snippet im aktiven Theme noch enthalten ist.

Methode 2: Eine App für eigenen Code nutzen

Willst du den Theme-Code nicht direkt bearbeiten, kannst du eine Shopify-App nutzen, mit der du eigenen Code in den Header deines Shops einfügst.

Nutz diese Methode, wenn dein Shop schon eine vertrauenswürdige Header-, Footer- oder Custom-Code-App verwendet oder wenn du ein Setup ganz ohne Code bevorzugst.

Installier oder öffne deine Custom-Code-App in Shopify.
Erstell ein neues Code-Snippet.
Wähl den Head-Bereich als Platzierung.
Füg das mandera Tracking-Snippet in das Code-Feld ein.
Stell ein, dass das Snippet auf allen Storefront-Seiten lädt, die du messen willst.
Speicher das Snippet und aktivier es.
Öffne deine Storefront in einem neuen Browser-Tab.
Prüf die Installation mit den Schritten weiter oben.

Stell sicher, dass die App das Snippet auf deinen öffentlichen Storefront-Seiten lädt. Fügt die App den Code nur in ausgewählte Templates oder Seiten ein, sammelt mandera womöglich nur dort Daten.

Methode 3: Google Tag Manager nutzen

Nutzt dein Shopify-Shop bereits Google Tag Manager, kannst du das mandera Snippet über GTM einfügen, statt den Theme-Code direkt zu bearbeiten.

Öffne Google Tag Manager.
Wähl den Container, der in deinem Shopify-Shop verwendet wird.
Erstell ein neues Tag.
Wähl ein Custom-HTML-Tag.
Füg das mandera Tracking-Snippet in das HTML-Feld ein.
Setz den Trigger auf alle Seiten.
Speicher und veröffentliche den Container.
Öffne deine Shopify-Storefront in einem neuen Browser-Tab.
Prüf die Installation mit den Schritten weiter oben.

Stell sicher, dass der Google-Tag-Manager-Container selbst schon in deinem Shopify-Shop eingebaut ist. Lädt der GTM-Container nicht, lädt auch das mandera Snippet nicht.

Shopify-Checkout-Seiten

Das Standard-Setup von mandera ist für deine öffentlichen Shopify-Storefront-Seiten gedacht.

Checkout-, Post-Purchase- und Bestellstatus-Seiten können sich anders verhalten, weil Shopify diese Bereiche getrennt vom normalen Storefront-Theme behandelt. Bestätige für das Basis-Setup von mandera zuerst, dass das Snippet auf Seiten wie der Startseite, den Produktseiten, Kollektionsseiten und Inhaltsseiten korrekt lädt.

Willst du Checkout-bezogene Events oder Umsatzdaten messen, kann dafür ein eigenes, Shopify-spezifisches Setup nötig sein.

Troubleshooting für Shopify

Erscheinen in mandera keine Daten, prüf zuerst diese Punkte:

Das Snippet wurde im aktiven Shopify-Theme oder einer globalen Custom-Code-App hinterlegt.
Das Snippet steht im Head-Bereich.
Die Werte aus deinem mandera Dashboard wurden exakt übernommen.
Deine Shopify-Änderungen wurden gespeichert und veröffentlicht.
Deine Storefront ist öffentlich und nicht passwortgeschützt.
Dein Browser oder Ad-Blocker blockiert das Script nicht.
Deine Custom-Code-App oder dein Google-Tag-Manager-Container ist aktiv.
Das Snippet ist nicht doppelt eingebaut.

Hast du dein Theme kürzlich geändert oder aktualisiert, öffne das aktive Theme erneut und prüf, ob das mandera Snippet noch vorhanden ist.

Wix

mandera lässt sich in Wix installieren, indem du das Tracking-Snippet als eigenen Code in deinem Wix-Dashboard hinterlegst. So lädt das Snippet auf allen öffentlichen Seiten, die mandera messen soll.

Nutz diese Methode, wenn deine Website mit Wix gebaut ist und du Zugriff auf die Website-Einstellungen hast.

Bevor du loslegst: Stell sicher, dass deine Wix-Site veröffentlicht und mit einer Domain verbunden ist. Die Einstellungen für eigenen Code hängen von deinem Wix-Setup und -Tarif ab.

Methode 1: Snippet über Custom Code einfügen

Empfohlen ist, das Tracking-Snippet in den Head-Bereich deiner Site einzufügen.

Öffne dein Wix-Dashboard.
Wähl die Website, auf der du mandera installieren willst.
Geh zu Settings.
Öffne Custom Code unter Development & Integrations.
Klick auf + Add Custom Code.
Füg das mandera Tracking-Snippet in das Code-Feld ein.
Gib dem Code einen klaren Namen, etwa mandera analytics.
Wähl unter Add Code to Pages die Option All pages.
Leg fest, ob der Code einmal pro Besuch oder auf jeder Seite laden soll, die ein Besucher öffnet.
Wähl unter Place Code in die Option Head.
Klick auf Apply.
Öffne deine Website in einem neuen Browser-Tab.
Prüf die Installation mit den Schritten weiter oben.

Füg dieses Snippet in das Wix-Custom-Code-Feld ein:

<script
  src="https://<deine-mandera-web-url>/analytics.js"
  mandera-org="ORG_ID"
  data-property-id="PROPERTY_ID"
  async
></script>

Ersetz ORG_ID, PROPERTY_ID und die Skript-URL mit den Werten aus deinem mandera-Dashboard.

Bei den meisten Wix-Websites ist All pages die beste Wahl, weil das Snippet so auch für neue Seiten gilt, die du später anlegst.

Wix fragt eventuell, ob der Code einmal pro Besuch oder auf jeder Seite laden soll, die ein Besucher öffnet. Für ein einfaches mandera Setup starte mit Load code once per visit, falls diese Option verfügbar ist. Prüf nach der Installation, ob das Script im Network-Tab deines Browsers erscheint und ob in mandera Daten auftauchen.

Fällt dir auf, dass Seitenwechsel nicht wie erwartet ankommen, sieh dir das Setup an und teste die andere Lade-Option.

Methode 2: Eine App für eigenen Code nutzen

Kommst du nicht an die nativen Custom-Code-Einstellungen in Wix, kannst du eine vertrauenswürdige Wix-App nutzen, mit der du eigenen Code in den Head-Bereich deiner Site einfügst.

Nutz diese Methode nur, wenn die App das Snippet global im Head-Bereich platzieren kann.

Installier oder öffne deine Custom-Code-App in Wix.
Erstell ein neues Custom-Code-Snippet.
Füg das mandera Tracking-Snippet in das Code-Feld ein.
Platziere es im Kopf.
Pack den Schnipsel auf alle öffentlichen Seiten, die du messen willst.
Speicher das Snippet und aktivier es.
Öffne deine Website in einem neuen Browser-Tab.
Prüf die Installation mit den Schritten weiter oben.

Wenn die App nur Code zu einer einzelnen Seite, einem iframe oder einem sichtbaren Einbettungselement hinzufügt, ist sie nicht für die Basisinstallation von mandera geeignet.

Methode 3: Google Tag Manager nutzen

Wenn deine Wix-Website bereits den Google Tag Manager nutzt, kannst du mandera auch über GTM installieren.

Öffne Google Tag Manager.
Wähle den Container aus, der auf deiner Wix-Website verwendet wird.
Erstell ein neues Tag.
Wähl ein Custom-HTML-Tag.
Füg das mandera Tracking-Snippet in das HTML-Feld ein.
Setz den Trigger auf alle Seiten.
Speicher und veröffentliche den Container.
Öffne deine Wix-Website in einem neuen Browser-Tab.
Prüf die Installation mit den Schritten weiter oben.

Stell sicher, dass der Google-Tag-Manager-Container bereits mit deiner Wix-Website verbunden ist. Wenn der Container nicht geladen wird, wird auch das mandera-Snippet nicht geladen.

Fehlerbehebung für Wix

Erscheinen in mandera keine Daten, prüf zuerst diese Punkte:

Deine Wix-Seite ist veröffentlicht
Deine Wix-Seite ist mit einer Domain verbunden
Der Schnipsel wurde über benutzerdefinierten Code oder eine globale App für benutzerdefinierten Code hinzugefügt
Der Ausschnitt kommt in den Kopfbereich.
Der Ausschnitt wird auf allen relevanten Seiten angewendet
Die Werte aus deinem mandera Dashboard wurden exakt übernommen.
Deine Änderungen wurden angewendet und gespeichert
Dein Browser oder Ad-Blocker blockiert das Script nicht.
Das Snippet ist nicht doppelt eingebaut.

Wenn das Skript nicht im Netzwerk-Tab angezeigt wird, öffne die Wix Custom Code Einstellungen erneut und prüfe, ob der Ausschnitt aktiv ist, im richtigen Bereich platziert und auf den richtigen Seiten angewendet wurde.

Joomla

mandera lässt sich in Joomla installieren, indem du den Tracking-Code in den Head-Bereich deiner Website einfügst. Je nach deiner Joomla-Konfiguration kannst du dies über deine Template-Einstellungen, deine Template-Dateien oder den Google Tag Manager vornehmen.

Nutze die Methode, die am besten zu deiner Webseite passt und welche Zugriffsrechte du in Joomla hast.

Bevor du installierst: Stell sicher, dass du Zugang zu deinem Joomla-Adminbereich hast und weißt, welches Template oder welcher Template-Stil auf den Seiten, die du messen möchtest, aktiv ist.

Methode 1: Nutze die benutzerdefinierten Code-Einstellungen deines Templates

Viele Joomla-Templates und Template-Frameworks haben ein Feld für benutzerdefinierten Code, in das Skripte eingefügt werden können, die im Head-Bereich deiner Website landen sollen.

Nimm diese Methode, falls deine aktive Vorlage ein Feld wie "Eigener Code", "Kopfzeilen-Code", "Davor" oder Ähnliches anbietet.

Öffne deinen Joomla-Administrationsbereich.
Geh zu System oder Erweiterungen, je nach deiner Joomla-Version.
Öffne die Abschnitte Vorlagen oder Vorlagenstile der Website.
Wähle die aktive Vorlage oder den aktiven Vorlagenstil, der von deiner Website verwendet wird.
Schau mal im Template-Menü nach einem Abschnitt wie "Custom Code", "Head Code" oder Ähnlichem.
Füge das mandera-Tracking-Snippet in das Feld für den Head-Bereich ein.
Speicher deine Änderungen.
Öffne deine Website in einem neuen Browser-Tab.
Prüf die Installation mit den Schritten weiter oben.

Füge diesen Schnipsel in das Feld für benutzerdefinierten Code im Kopfbereich ein:

<script
  src="https://<deine-mandera-web-url>/analytics.js"
  mandera-org="ORG_ID"
  data-property-id="PROPERTY_ID"
  async
></script>

Ersetz ORG_ID, PROPERTY_ID und die Skript-URL mit den Werten aus deinem mandera-Dashboard.

Wenn deine Website für verschiedene Seiten unterschiedliche Vorlagen verwendet, wiederhole die Einrichtung für jede Vorlage, die mandera auswerten soll.

Methode 2: Füg den Schnipsel in deine Vorlagendatei ein

Falls deine Vorlage kein benutzerdefiniertes Codefeld enthält, kannst du das mandera-Snippet direkt in die Vorlagendatei einfügen.

Nutze diese Methode nur, wenn du dich damit wohlfühlst, Vorlagendateien zu bearbeiten, oder wenn du Unterstützung von einem Entwickler hast.

Öffne deinen Joomla-Administrationsbereich.
Geh zu System oder Erweiterungen, je nach deiner Joomla-Version.
Öffne den Bereich Vorlagen.
Wähl die Vorlage für die aktive Stelle aus.
Öffne die Haupt-Template-Datei, normalerweise index.php.
Finde das schließende </head> Tag.
Füge das mandera-Tracking-Snippet direkt vor dem schließenden </head> Tag.
Speicher deine Änderungen.
Öffne deine Website in einem neuen Browser-Tab.
Prüf die Installation mit den Schritten weiter oben.

Joomla-Core-Dateien nicht bearbeiten. Der Schnipsel sollte über deine Vorlage oder die Vorlageneinstellungen hinzugefügt werden, nicht über die Joomla-Installation selbst.

Falls du dein Joomla-Template später aktualisierst, ersetzt oder wechselst, überprüfe, ob das mandera-Snippet noch enthalten ist.

Methode 3: Google Tag Manager nutzen

Wenn deine Joomla-Website bereits den Google Tag Manager nutzt, kannst du das mandera-Snippet über GTM hinzufügen, anstatt deine Vorlage zu bearbeiten.

Öffne Google Tag Manager.
Wähle den Container aus, den du auf deiner Joomla-Website verwendest.
Erstell ein neues Tag.
Wähl ein Custom-HTML-Tag.
Füg das mandera Tracking-Snippet in das HTML-Feld ein.
Setz den Trigger auf alle Seiten.
Speicher und veröffentliche den Container.
Öffne deine Joomla-Website in einem neuen Browser-Tab.
Prüf die Installation mit den Schritten weiter oben.

Stell sicher, dass der Google-Tag-Manager-Container bereits auf deiner Joomla-Website installiert ist. Wenn der GTM-Container nicht geladen wird, wird auch das mandera-Snippet nicht geladen.

Fehlerbehebung für Joomla

Erscheinen in mandera keine Daten, prüf zuerst diese Punkte:

Der Schnipsel wurde zur aktiven Joomla-Vorlage oder zum Vorlagenstil hinzugefügt
Der Ausschnitt kommt in den Kopfbereich.
Die Werte aus deinem mandera Dashboard wurden exakt übernommen.
Deine Joomla-Änderungen wurden gespeichert
Der Cache deiner Website wurde geleert.
Dein Cache oder dein Optimierungs-Plugin verhindert nicht, dass der Schnipsel geladen wird
Der korrekte Vorlagenstil wird auf der Seite verwendet, die du testest
Dein Browser oder Ad-Blocker blockiert das Script nicht.
Das Snippet ist nicht doppelt eingebaut.

Wenn das Skript nicht im Netzwerk-Tab angezeigt wird, prüfe, ob die getestete Seite einen anderen Template-Stil verwendet. In Joomla können verschiedene Menüpunkte unterschiedliche Template-Stile verwenden, daher muss der Ausschnitt eventuell an mehreren Stellen hinzugefügt werden.

TYPO3

mandera lässt sich in TYPO3 installieren, indem du das Tracking-Snippet in den Head-Bereich deiner Website einfügst. Je nach deiner Konfiguration kannst du dies über TypoScript, dein Site-Paket oder den Google Tag Manager erledigen.

Nutze die Methode, die am besten zu deinem TYPO3-Setup und deinen Zugriffsrechten passt.

Bevor du installierst: Stell sicher, dass du Zugriff auf das TYPO3-Backend hast, weißt, wo dein Haupt-TypoScript-Setup verwaltet wird und den TYPO3-Cache leeren kannst, nachdem du Änderungen vorgenommen hast.

Methode 1: Füge den Snippet über TypoScript headerData hinzu

Der direkteste Weg, mandera in TYPO3 zu installieren, ist, das vollständige Tracking-Snippet über TypoScript headerData hinzuzufügen.

Verwende diese Methode, wenn du die TypoScript-Einstellungen deiner Website bearbeiten kannst und das komplette mandera-Snippet in TYPO3 einfügen möchtest.

Öffne dein TYPO3-Backend.
Geh zum Modul Vorlagen.
Wähl die Root-Seite oder die Root-Seite des gesamten Seitenbaums, wo dein Haupt-TypoScript-Setup konfiguriert ist.
Öffne den TypoScript-Setup-Editor.
Füge den TypoScript-Block unten in dein Setup ein.
Ersetz die Platzhalterwerte durch die Werte aus deinem mandera Dashboard.
Speicher deine Änderungen.
Den TYPO3-Cache leeren.
Öffne deine Website in einem neuen Browser-Tab.
Prüf die Installation mit den Schritten weiter oben.

Füg diesen Block deinem TypoScript-Setup hinzu:

page.headerData.999 = TEXT
page.headerData.999.value (

)

Ersetz ORG_ID, PROPERTY_ID und die Skript-URL mit den Werten aus deinem mandera-Dashboard.

Wenn Seitenkopfdaten 999 ist schon in deiner Einrichtung vergeben, wähle eine andere freie Nummer.

Methode 2: Skript über `includeJS` einfügen

Wenn deine TYPO3-Installation von einem Entwickler oder über ein Site-Paket verwaltet wird, kann das Skript „mandera“ auch über Seite.JS einfügen.

Benutz diese Methode, wenn du die externe JavaScript-Datei lieber über TypoScript verwalten willst, anstatt das komplette Skript-Tag einzufügen Kopfdaten.

Mach dein TYPO3-Backend oder deine Site-Package-Dateien auf.
Öffne das Haupt-TypoScript-Setup für deine Website.
Füge den TypoScript-Block unten in dein Setup ein.
Ersetz die Platzhalterwerte durch die Werte aus deinem mandera Dashboard.
Speicher deine Änderungen.
Den TYPO3-Cache leeren.
Öffne deine Website in einem neuen Browser-Tab.
Prüf die Installation mit den Schritten weiter oben.

Füg diesen Block deinem TypoScript-Setup hinzu:

page.includeJS {
  mandera = https:///analytics.js
  mandera.async = 1
  mandera.data.mandera-org = ORG_ID
  mandera.data.data-property-id = PROPERTY_ID
}

Ersetz ORG_ID, PROPERTY_ID und die Skript-URL mit den Werten aus deinem mandera-Dashboard.

Diese Methode ist besonders nützlich für von Entwicklern verwaltete TYPO3-Installationen, bei denen Skripte zentral über TypoScript oder ein Site-Package gehandhabt werden.

Methode 3: Google Tag Manager nutzen

Wenn deine TYPO3-Website bereits den Google Tag Manager nutzt, kannst du das mandera-Snippet über GTM hinzufügen, anstatt die Einstellungen deiner TYPO3-Vorlage zu ändern.

Öffne Google Tag Manager.
Wähl den Container aus, der auf deiner TYPO3-Website verwendet wird.
Erstell ein neues Tag.
Wähl ein Custom-HTML-Tag.
Füg das mandera Tracking-Snippet in das HTML-Feld ein.
Setz den Trigger auf alle Seiten.
Speicher und veröffentliche den Container.
Öffne deine TYPO3-Website in einem neuen Browser-Tab.
Prüf die Installation mit den Schritten weiter oben.

Stell sicher, dass der Google-Tag-Manager-Container bereits auf deiner TYPO3-Website installiert ist. Wenn der Container nicht geladen wird, wird auch das mandera-Snippet nicht geladen.

Fehlerbehebung für TYPO3

Erscheinen in mandera keine Daten, prüf zuerst diese Punkte:

Der Ausschnitt wurde im aktiven TypoScript-Setup hinzugefügt
Der Ausschnitt ist im Head-Bereich eingefügt
Die Werte aus deinem mandera Dashboard wurden exakt übernommen.
Der TYPO3-Cache wurde geleert
Dein Paket oder Deployment-Prozess enthält die neuesten Änderungen
Die Seite, die du testest, benutzt das gleiche TypoScript-Setup
Dein Browser oder Ad-Blocker blockiert das Script nicht.
Das Snippet ist nicht doppelt eingebaut.

Wenn das Skript nicht im Network-Tab angezeigt wird, prüfe, ob die getestete Seite eine andere Seitenkonfiguration, Template-Konfiguration oder TypoScript-Bedingung verwendet. In TYPO3 können verschiedene Teile einer Website unterschiedliche TypoScript-Konfigurationen nutzen.

Squarespace

mandera lässt sich auf Squarespace installieren, indem du das Tracking-Snippet über die Code-Einbindung hinzufügst. Dadurch wird das Snippet auf allen öffentlichen Seiten geladen, die mandera messen soll.

Benutz diese Methode, wenn deine Webseite mit Squarespace erstellt wurde und du Zugriff auf die Website-Einstellungen hast.

Bevor du installierst: Stell sicher, dass deine Squarespace-Seite veröffentlicht ist und dass dein Plan Code Injection unterstützt.

Methode 1: Füge den Ausschnitt über Code-Einspeisung ein

Die empfohlene Vorgehensweise zur Installation von mandera auf Squarespace ist, das Tracking-Snippet in das Feld „Header Code Injection“ einzufügen.

Öffne dein Squarespace-Dashboard.
Wähl die Website, auf der du mandera installieren willst.
Geh zu Settings.
Erweitert öffnen.
Offene Code-Einspritzung.
Füge das mandera-Tracking-Snippet in das Feld „Header“ ein.
Speicher deine Änderungen.
Öffne deine Website in einem neuen Browser-Tab.
Prüf die Installation mit den Schritten weiter oben.

Füg diesen Code-Schnipsel zum Header-Feld hinzu:

<script
  src="https://<deine-mandera-web-url>/analytics.js"
  mandera-org="ORG_ID"
  data-property-id="PROPERTY_ID"
  async
></script>

Ersetz ORG_ID, PROPERTY_ID und die Skript-URL mit den Werten aus deinem mandera-Dashboard.

Der im Feld „Header“ hinzugefügte Code wird im Head-Bereich deiner Squarespace-Website geladen. Das ist der beste Ort für das mandera-Tracking-Snippet, da es global auf den öffentlichen Seiten geladen werden soll, die du messen möchtest.

Methode 2: Füge den Code-Schnipsel zu einer bestimmten Seite hinzu

Wenn du mandera zunächst nur auf einer bestimmten Squarespace-Seite testen möchtest, kannst du das Tracking-Snippet über eine Code-Einbindung auf Seitenebene hinzufügen.

Verwende diese Methode nur zu Testzwecken oder für Seiten, auf denen mandera auf einen bestimmten Bereich deiner Website beschränkt sein soll.

Öffne dein Squarespace-Dashboard.
Geh zu Seiten.
Wähle die Seite aus, auf der du mandera installieren möchtest.
Seiten-Einstellungen öffnen.
Erweitert öffnen.
Füge das mandera-Tracking-Snippet in das Feld für den Seitenkopf-Code ein.
Speicher deine Änderungen.
Öffne die Seite in einem neuen Browser-Tab.
Prüf die Installation mit den Schritten weiter oben.

Wenn du möchtest, dass mandera deine gesamte Website erfasst, verwende stattdessen die Methode „Globale Header-Code-Einbindung“. Die Installation auf Seitenebene gilt nur für die ausgewählte Seite.

Methode 3: Google Tag Manager nutzen

Wenn deine Squarespace-Website bereits den Google Tag Manager nutzt, kannst du das mandera-Snippet über GTM hinzufügen, anstatt es direkt über die Squarespace-Code-Einfügung einzufügen.

Öffne Google Tag Manager.
Wähle den Container, der auf deiner Squarespace-Website verwendet wird.
Erstell ein neues Tag.
Wähl ein Custom-HTML-Tag.
Füg das mandera Tracking-Snippet in das HTML-Feld ein.
Setz den Trigger auf alle Seiten.
Speicher und veröffentliche den Container.
Öffne deine Squarespace-Website in einem neuen Browser-Tab.
Prüf die Installation mit den Schritten weiter oben.

Stell sicher, dass der Google-Tag-Manager-Container bereits auf deiner Squarespace-Website installiert ist. Wenn der Container nicht geladen wird, wird auch das mandera-Snippet nicht geladen.

Kassenseiten

Die Standardkonfiguration „mandera“ ist für deine öffentlichen Squarespace-Webseiten gedacht.

Checkout-Seiten verhalten sich möglicherweise anders, da Squarespace sie getrennt von normalen Webseiten behandelt. Bei der grundlegenden mandera-Einrichtung solltest du zunächst überprüfen, ob das Snippet auf öffentlichen Seiten wie der Startseite, den Dienstleistungsseiten, Produktseiten, Blogbeiträgen und Landingpages korrekt geladen wird.

Wenn du Bereiche messen musst, die mit dem Checkout zusammenhängen, schau dir deine Squarespace-Einrichtung separat an und überprüfe, was für deinen Plan und deine Shop-Konfiguration möglich ist.

Fehlerbehebung für Squarespace

Erscheinen in mandera keine Daten, prüf zuerst diese Punkte:

Dein Squarespace-Seite ist online.
Dein Plan unterstützt Code Injection
Der Schnipsel wurde in das Feld "Header Code Injection" eingefügt
Die Werte aus deinem mandera Dashboard wurden exakt übernommen.
Deine Änderungen wurden gespeichert
Die Seite, die du testest, ist öffentlich
Dein Browser oder Ad-Blocker blockiert das Script nicht.
Das Snippet ist nicht doppelt eingebaut.
Der Google Tag Manager wird veröffentlicht, wenn du mandera über GTM installiert hast

Wenn das Skript nicht im Network-Tab erscheint, öffne die Code Injection Einstellungen nochmal und schau nach, ob der Snippet noch im Header-Feld aktiv ist.

Drupal

mandera lässt sich in Drupal installieren, indem du das Tracking-Snippet in den Head-Bereich deiner Website einfügst. Je nach deiner Drupal-Konfiguration kannst du dies über ein benutzerdefiniertes Code-Modul, dein Theme oder den Google Tag Manager tun.

Benutz die Methode, die am besten zu deiner Website und deinen Zugriffsrechten in Drupal passt.

Bevor du installierst: Stell sicher, dass du Zugang zu deinem Drupal Admin-Bereich hast und weißt, ob deine Website über ein eigenes Theme, ein Seitenpaket oder über zusätzliche Module verwaltet wird.

Methode 1: Benutzerdefinierten Code oder Header-Skript-Modul verwenden

Der einfachste Weg, mandera auf vielen Drupal-Websites zu installieren, ist die Verwendung eines vertrauenswürdigen Moduls, mit dem Skripte in den Head-Bereich deiner Website eingefügt werden können.

Nutze diese Methode, wenn deine Drupal-Website bereits benutzerdefinierten Code, ein Header-Skript oder ein Header/Footer-Modul verwendet oder wenn dein Entwickler dir dazu rät.

Öffne deinen Drupal Administrationsbereich.
Geh zum Modul oder Konfigurationsbereich für eigene Header-Skripte.
Erstelle ein neues Skript oder öffne das Feld für Head-Skripte.
Füge das mandera-Tracking-Snippet in das Feld im Head-Bereich ein.
Pack den Schnipsel entweder überall drauf oder auf alle öffentlichen Seiten, die du messen willst.
Speicher deine Änderungen.
Den Drupal-Cache leeren.
Öffne deine Website in einem neuen Browser-Tab.
Prüf die Installation mit den Schritten weiter oben.

Füg diesen Snippet in den Head-Bereich ein:

<script
  src="https://<deine-mandera-web-url>/analytics.js"
  mandera-org="ORG_ID"
  data-property-id="PROPERTY_ID"
  async
></script>

Ersetz ORG_ID, PROPERTY_ID und die Skript-URL mit den Werten aus deinem mandera-Dashboard.

Benutz nur Module, denen du vertraust und die für deine Drupal-Version gepflegt werden. Wenn du dir nicht sicher bist, welches Modul du verwenden sollst, frag deinen Drupal-Entwickler oder Seitenadministrator, bevor du ein neues Modul installierst.

Methode 2: Füge das Skript über dein Drupal-Theme hinzu

Wenn deine Drupal-Website von einem Entwickler verwaltet wird, kann das Skript „mandera“ über das aktive Theme oder das Site-Paket hinzugefügt werden.

Nutze diese Methode, wenn du oder dein Entwickler die Theme-Dateien bearbeiten könnt.

Öffne dein Drupal-Theme oder dein Site-Package.
Mach das Thema auf Bibliotheken.yml Datei.
Füge das Skript „mandera“ als externe JavaScript-Bibliothek hinzu.
Stell sicher, dass die Bibliothek im Header geladen ist.
füg die Bibliothek global über dein Theme hinzu Infos.yml Datei oder ein anderes globales Theme-Setup.
Ersetz die Platzhalterwerte durch die Werte aus deinem mandera Dashboard.
Speicher und deploye deine Änderungen.
Den Drupal-Cache leeren.
Öffne deine Website in einem neuen Browser-Tab.
Prüf die Installation mit den Schritten weiter oben.

Dieser Block soll zu deinem Bibliotheken.yml file:

mandera:
  header: true
  js:
    https:///analytics.js:
      type: external
      attributes:
        async: true
        mandera-org: ORG_ID
        data-property-id: PROPERTY_ID

Füge die Bibliothek global in deinem Theme ein. Infos.yml file:

Bibliotheken:
  - yourtheme/mandera

Ersetz deinThema mit dem Maschinennamen deines aktiven Drupal-Themes. Ersetze auch ORG_ID, PROPERTY_ID und die Skript-URL mit den Werten aus deinem mandera-Dashboard.

Diese Methode ist besonders nützlich für Drupal-Websites, bei denen Skripte zentral über ein Theme, ein Subtheme oder einen Deployment-Workflow verwaltet werden.

Methode 3: Google Tag Manager nutzen

Wenn deine Drupal-Website bereits den Google Tag Manager nutzt, kannst du das mandera-Snippet über GTM hinzufügen, anstatt die Einstellungen deines Drupal-Themes zu ändern.

Öffne Google Tag Manager.
Wähl den Container aus, der auf deiner Drupal-Website verwendet wird.
Erstell ein neues Tag.
Wähl ein Custom-HTML-Tag.
Füg das mandera Tracking-Snippet in das HTML-Feld ein.
Setz den Trigger auf alle Seiten.
Speicher und veröffentliche den Container.
Öffne deine Drupal-Website in einem neuen Browser-Tab.
Prüf die Installation mit den Schritten weiter oben.

Stell sicher, dass der Google Tag Manager-Container bereits auf deiner Drupal-Website installiert ist. Wenn der Container nicht geladen wird, wird auch das mandera-Snippet nicht geladen.

Fehlerbehebung für Drupal

Erscheinen in mandera keine Daten, prüf zuerst diese Punkte:

Der Code-Schnipsel wurde zum laufenden Drupal hinzugefügt
Der Ausschnitt kommt in den Kopfbereich.
der Schnipsel wird global oder auf allen relevanten Seiten angewendet
Die Werte aus deinem mandera Dashboard wurden exakt übernommen.
Der Drupal-Cache wurde geleert
Dein Theme, Subtheme oder Site-Paket beinhaltet die neuesten Änderungen
Dein Custom-Code-Modul ist aktiv und richtig konfiguriert.
Dein Browser oder Ad-Blocker blockiert das Script nicht.
Das Snippet ist nicht doppelt eingebaut.

Wenn das Skript nicht im Netzwerk-Tab angezeigt wird, prüf mal, ob die Seite, die du testest, ein anderes Theme, eine andere Domain, eine andere Sprachversion oder eine andere Seitenkonfiguration nutzt. Drupal-Websites können für verschiedene Bereiche unterschiedliche Setups haben, daher musst du den Code eventuell über das globale Theme oder die Seitenkonfiguration einfügen.

Webflow

mandera lässt sich in Webflow installieren, indem du das Tracking-Snippet zu deinem siteweiten benutzerdefinierten Code hinzufügst. Dadurch wird das Snippet auf allen öffentlichen Seiten geladen, die mandera messen soll.

Nutze diese Methode, wenn deine Website mit Webflow erstellt wurde und du Zugriff auf die Website-Einstellungen hast.

Bevor du installierst: Stell sicher, dass deine Webflow-Seite veröffentlicht ist und dass dein Seiten- oder Workspace-Plan benutzerdefinierten Code unterstützt.

Methode 1: Füge den Codeausschnitt über die Website Settings ein

Die empfohlene Vorgehensweise zur Installation von mandera auf Webflow ist, das Tracking-Snippet in das Feld „Site-wide Head Code“ einzufügen.

Öffne dein Webflow-Dashboard.
Wähl die Website, auf der du mandera installieren willst.
Öffne die Seite Settings.
Geh zum Tab "Benutzerdefinierter Code".
Füge das mandera-Tracking-Snippet in das Feld „Head-Code“ ein.
Speicher deine Änderungen.
Veröffentliche deine Webflow-Seite.
Öffne deine Website in einem neuen Browser-Tab.
Prüf die Installation mit den Schritten weiter oben.

Füg das hier zum site-weiten Head-Code-Feld hinzu:

<script
  src="https://<deine-mandera-web-url>/analytics.js"
  mandera-org="ORG_ID"
  data-property-id="PROPERTY_ID"
  async
></script>

Ersetz ORG_ID, PROPERTY_ID und die Skript-URL mit den Werten aus deinem mandera-Dashboard.

Code, der in das Feld „Site-wide Head Code“ eingefügt wird, wird auf deiner gesamten Webflow-Website geladen. Das ist die beste Option für die Standardkonfiguration mandera, da das Snippet auf jeder öffentlichen Seite verfügbar sein sollte, die du messen möchtest.

Methode 2: Füge den Code-Schnipsel zu einer bestimmten Seite hinzu

Wenn du mandera zunächst nur auf einer Webflow-Seite testen möchtest, kannst du das Tracking-Snippet über den benutzerdefinierten Code auf Seitenebene hinzufügen.

Verwende diese Methode nur zu Testzwecken oder für Seiten, auf denen mandera auf einen bestimmten Bereich deiner Website beschränkt sein soll.

Öffne dein Webflow-Projekt im Designer.
Öffne das Seitenfenster.
Wähle die Seite aus, auf der du mandera installieren möchtest.
Seiten-Einstellungen öffnen.
Scrolle zum Abschnitt "Benutzerdefinierter Code".
Füge das mandera-Tracking-Snippet in den „Inside“-Bereich ein <head> Tag-Feld.
Speicher deine Änderungen.
Veröffentliche deine Webflow-Seite.
Öffne die Seite in einem neuen Browser-Tab.
Prüf die Installation mit den Schritten weiter oben.

Füge diesen Ausschnitt zur Seitenebene "Inside" hinzu <head> Schlagwortfeld:

<script
  src="https://<deine-mandera-web-url>/analytics.js"
  mandera-org="ORG_ID"
  data-property-id="PROPERTY_ID"
  async
></script>

Ersetz ORG_ID, PROPERTY_ID und die Skript-URL mit den Werten aus deinem mandera-Dashboard.

Wenn du möchtest, dass mandera deine gesamte Website misst, verwende stattdessen die Methode mit dem siteweiten Head-Code. Die Installation auf Seitenebene gilt nur für die ausgewählte Seite.

Methode 3: Google Tag Manager nutzen

Wenn deine Webflow-Website bereits den Google Tag Manager nutzt, kannst du das mandera-Snippet über GTM hinzufügen, anstatt es direkt über den benutzerdefinierten Code von Webflow einzufügen.

Öffne Google Tag Manager.
Wähle den Container, der auf deiner Webflow-Website verwendet wird.
Erstell ein neues Tag.
Wähl ein Custom-HTML-Tag.
Füg das mandera Tracking-Snippet in das HTML-Feld ein.
Setz den Trigger auf alle Seiten.
Speicher und veröffentliche den Container.
Öffne deine Webflow-Website in einem neuen Browser-Tab.
Prüf die Installation mit den Schritten weiter oben.

Stell sicher, dass der Google-Tag-Manager-Container bereits auf deiner Webflow-Website installiert ist. Wenn der Container nicht geladen wird, wird auch das mandera-Snippet nicht geladen.

Webflow Code Einbettungen

Verwende für die grundlegende mandera-Installation kein normales „Code Embed“-Element. „Code Embed“-Elemente eignen sich für sichtbare Einbettungen oder Seiteninhalte, aber das mandera-Tracking-Snippet sollte global im Head-Bereich deiner Website geladen werden.

Fehlerbehebung für Webflow

Erscheinen in mandera keine Daten, prüf zuerst diese Punkte:

Deine Webflow-Seite ist veröffentlicht
Dein Seiten- oder Arbeitsbereich-Plan unterstützt benutzerdefinierten Code
Der Schnipsel wurde ins Feld "Site-Wide Head Code" eingefügt
Die Werte aus deinem mandera Dashboard wurden exakt übernommen.
Deine Änderungen wurden gespeichert und veröffentlicht
Die Seite, die du testest, ist öffentlich
Dein Browser oder Ad-Blocker blockiert das Script nicht.
Der Google Tag Manager wird veröffentlicht, wenn du mandera über GTM installiert hast
Das Snippet ist nicht doppelt eingebaut.

Falls das Skript nicht im Network-Tab angezeigt wird, öffne nochmal die Webflow Custom Code Einstellungen und prüfe, ob der Schnipsel noch im Head Code Feld aktiv ist. Veröffentliche dann die Seite nochmal und teste die Live-Website, nicht nur die Webflow-Vorschau.

Wie es weitergeht

Überprüf deine ersten Daten

Sobald das Snippet installiert ist, kann mandera Analysedaten für deine Website erfassen. Diese Daten werden in der Analysesuite angezeigt und helfen dem System dabei, den Traffic, die Quellen und die Seiten besser zu verstehen.

Die gleiche Konfiguration unterstützt auch das umfassendere mandera-System. Sobald die entsprechenden Bereiche deines Arbeitsbereichs bereit sind, können die Analysedaten in „Context“, SEO-Erkenntnisse und Opportunities einfließen.

Weiter mit den System-Guides

Öffne nach der Installation die Analytics-Suite und überprüfe, ob Daten angezeigt werden. Folge dann den Systemanleitungen, um zu verstehen, wie mandera diese Daten in den Workflows „Analytics“, „SEO“, „Context“ und „Growth“ nutzt.

Verwandt

Erste Schritte
Analytics Suite
Einstellungen
Grundlagen
Wie wir messen
Hilfe

Zuletzt aktualisiert: 12. Juni 2026