Installation von Tracking- und Snippet-Code auf Ihrer EdCommerce-Website

Last updated: October 9, 2026

Um ein Code-Snippet in Ihre Website zu integrieren, gehen Sie normalerweise wie folgt vor:

Schritt 1. Den Snippet-Code erhalten

Suchen und kopieren Sie den Snippet-Code des Dienstes oder der Plattform, in den bzw. die Sie integrieren. Dies kann ein Tracking-Pixel, ein Chat-Widget, ein Formularembed oder ein anderer vom Dienst bereitgestellter Code sein.

Wenn Sie versuchen, Ihren Google-Tag-Manager-Code oder Meta-Pixel zu installieren, folgen Sie den entsprechenden Abschnitten weiter unten:

  • Meta-Pixel installieren
  • Google Tag Manager installieren

Schritt 2. Ihren Snippet-Code zu EdCommerce hinzufügen

Das Hinzufügen von Skripten zu EdCommerce ist sehr einfach. Sie müssen lediglich auf den Bereich „Integrationen“ zugreifen und auf „Skriptcode hinzufügen“ klicken.

Füllen Sie die Felder für die Skriptintegration wie folgt aus:

  • Name: Geben Sie Ihrem Snippet einen Namen. Sie können den Namen des Tools verwenden, das Sie integrieren.
  • Einfügen in: Head oder Body (dies hängt von den Anweisungen des Dienstes ab, den Sie integrieren).
  • Code: Kopieren Sie den entsprechenden Snippet-Code, den Sie auf der Plattform der anderen App gefunden haben, und fügen Sie ihn hier ein.

Schritt 3: Überprüfen Sie, ob Ihre Integration korrekt funktioniert

Der Prozess zur Sicherstellung, dass Ihre Integration korrekt funktioniert, kann je nach Plattform, in die Sie integrieren, variieren. Es ist entscheidend, die spezifischen Integrationsanweisungen des Dienstes oder der Plattform zu überprüfen, mit der Sie arbeiten, da diese möglicherweise zusätzliche Anforderungen oder Empfehlungen für die Integration ihres Code-Snippets enthalten.

Google Tag Manager installieren

Schritt 1 – Ihr Code-Snippet aus Google Tag Manager erhalten

Um zu beginnen, melden Sie sich unter <https://tagmanager.google.com> in Ihrem Google-Tag-Manager-Konto an.

Nach der Anmeldung sehen Sie eine Liste der mit Ihrem Konto verknüpften Container. Wählen Sie den Container aus, mit dem Sie arbeiten möchten, oder erstellen Sie einen neuen für EdCommerce.

Nachdem Sie den Container ausgewählt haben, öffnen Sie ihn, um auf dessen Inhalte zuzugreifen. Suchen Sie in der Containerübersicht im Menü der oberen Leiste nach der Container-ID und klicken Sie darauf (sie beginnt normalerweise mit GTM-XXX).

Sie finden zwei Code-Snippets: eines für den Bereich <head> und ein weiteres für den Bereich <body> Ihrer Website. Für EdCommerce verwenden wir nur den Code im <head>-Bereich.

Schritt 2. Ihre Code-Snippets zu EdCommerce hinzufügen

Das Hinzufügen Ihres Snippet-Codes zu EdCommerce ist sehr einfach. Sie müssen lediglich auf den Bereich Integrationen zugreifen und auf die Schaltfläche „Skriptcode hinzufügen“ klicken.

Füllen Sie die Felder für die Skriptintegration wie folgt aus:

  • Name: Fügen Sie Ihrem Snippet einen Namen hinzu, zum Beispiel Google Tag Manager.
  • Einfügen in: Head (Wir werden den Body für Google Tag Manager nicht verwenden)
  • Code: Kopieren Sie hier den entsprechenden „Header“-Snippet-Code, den Sie im Google Tag Manager gefunden haben.

Schritt 3: Überprüfen Sie, ob Ihr Google Tag Manager ordnungsgemäß funktioniert

Am einfachsten können Sie überprüfen, ob Sie die Installation korrekt durchgeführt haben, indem Sie die Google Tag Assistant Chrome-Erweiterung aus dem Chrome Web Store installieren.

Führen Sie anschließend die folgenden Schritte aus:

  1. Öffnen Sie Ihre Website in Google Chrome.
  2. Klicken Sie auf das Symbol der Tag-Assistant-Erweiterung in Ihrer Chrome-Symbolleiste.
  3. Ein Popup-Fenster wird angezeigt. Klicken Sie auf „Aktivieren“, um die Aufzeichnung zu starten.
  4. Navigieren Sie durch Ihre Website und führen Sie Aktionen aus, die die Tags auslösen, die Sie im Google Tag Manager eingerichtet haben.
  5. Wenn Sie Ihre Aktionen abgeschlossen haben, klicken Sie erneut auf das Symbol der Tag-Assistant-Erweiterung.
  6. Tag Assistant analysiert die auf jeder Seite ausgelösten Tags und erstellt einen Bericht.
  7. Überprüfen Sie den Bericht auf Fehler oder Warnungen im Zusammenhang mit Ihrer Google-Tag-Manager-Einrichtung.

Der Tag-Assistant-Bericht zeigt an, ob die Tags aus Ihrem Google-Tag-Manager-Container korrekt ausgelöst werden oder ob Probleme vorliegen. Testen Sie verschiedene Szenarien auf Ihrer Website, um sicherzustellen, dass alle gewünschten Tags wie erwartet ausgelöst werden.

Zusätzlich können Sie auch den Bereich „Echtzeit“ in Google Analytics überprüfen, um zu sehen, ob Daten von Ihrer Website empfangen werden. Wenn in Google Analytics Echtzeitdaten angezeigt werden, während Sie Aktionen auf Ihrer EdCommerce-Website ausführen, bedeutet dies, dass Ihr Google Tag Manager Daten korrekt an Google Analytics sendet.

Meta Pixel installieren

Wenn Sie Ihr Meta Pixel bereits mithilfe von IMG-Tags eingerichtet haben oder dies planen, empfehlen wir Ihnen, die Entwicklerdokumentation von Facebook zu befolgen.

In diesem Artikel zeigen wir Ihnen, wie Sie ein Meta Pixel auf Ihrer EdCommerce-Website einrichten und installieren. Um mehr über das Pixel zu erfahren, bevor Sie beginnen, lesen Sie die Vorteile der Installation eines Meta Pixels.

Wenn Sie bereits ein Meta Pixel erstellt haben und Ihren Pixel-Basिसcode finden möchten, springen Sie zu Schritt 2: Fügen Sie Ihr Pixel zu EdCommerce hinzu.

Schritt 1: Erstellen und Einrichten Ihres Meta Pixels

  1. Gehen Sie zum Event Manager.
  2. Klicken Sie auf Datenquellen verbinden und wählen Sie Web aus.
  3. Wählen Sie Meta Pixel aus und klicken Sie auf Verbinden.
  4. Fügen Sie den Namen Ihres Pixels hinzu.
  5. Geben Sie die URL Ihrer Website ein, um Optionen für eine einfache Einrichtung zu prüfen.
  6. Klicken Sie auf Weiter.

\Weitere Informationen finden Sie im [Meta Business-Hilfebereich.*](https://www.facebook.com/business/help/952192354843755?id=1205376682832142)

Schritt 2. Fügen Sie Ihr Pixel zu EdCommerce hinzu

Sie werden Ihr Meta Pixel manuell zu EdCommerce hinzufügen. Dazu müssen Sie das Skript aus dem Meta Events Manager kopieren und in den Header Ihrer EdCommerce-Website einfügen.

Das Hinzufügen von Skripten zu EdCommerce ist sehr einfach. Sie müssen lediglich auf Ihren Bereich Integrationen zugreifen und auf „Skriptcode hinzufügen“ klicken.

Füllen Sie die Felder der Skriptintegration wie folgt aus:

  • Name: Geben Sie Ihrem Skript einen Namen, zum Beispiel Meta Pixel oder Facebook Pixel
  • Einfügen in: Head (Wir werden für Meta Pixel nicht den Body verwenden)
  • Code: Kopieren Sie hier den Code aus Ihrem Meta Events Manager.

Und klicken Sie auf „Speichern“.

Schritt 3: Überprüfen Sie, ob Ihr Meta Pixel ordnungsgemäß funktioniert

Um zu überprüfen, ob Ihr Facebook Pixel ordnungsgemäß verbunden ist und funktioniert, können Sie diese Schritte befolgen:

  1. Melden Sie sich unter https://business.facebook.com bei Ihrem Facebook Business Manager-Konto an.
  2. Gehen Sie in der linken Seitenleiste zum Tab „Datenquellen“.
  3. Im Abschnitt „Pixels“ sollte Ihr Facebook Pixel aufgeführt sein. Wenn es verbunden ist und ordnungsgemäß funktioniert, wird ein grüner Punkt angezeigt, der angibt, dass es aktiv ist.
  4. Klicken Sie auf den Namen Ihres Pixels, um auf dessen Einstellungen und weitere Details zuzugreifen.
  5. In den Pixel-Einstellungen können Sie die erfassten Ereignisse überprüfen, nach Fehlern oder Warnungen suchen und die letzte Aktivität des Pixels anzeigen.