Zum Hauptinhalt
Hinweis: Dieser Artikel wird aus Kulanz zur Verfügung gestellt. Er wurde automatisch mit einer Software übersetzt und unter Umständen nicht korrekturgelesen. Die englischsprachige Fassung gilt als offizielle Version und Sie können dort die aktuellsten Informationen finden. Hier können Sie darauf zugreifen.

HubSpot-Tracking-Code installieren

Zuletzt aktualisiert am: Januar 29, 2024

Mit einem der folgenden Abonnements verfügbar (außer in den angegebenen Fällen):

Alle

Der HubSpot-Tracking-Code ist für jeden HubSpot Account einzigartig und ermöglicht es HubSpot, den Traffic Ihrer Websitezu überwachen. Der Tracking-Code wird automatisch in HubSpot-Blog-Seiten, Landingpages und Website-Seiten eingebunden.

Wenn Sie über extern gehostete Seiten (d. h. Seiten, die nicht von HubSpot gehostet werden) verfügen, müssen Sie den HubSpot-Tracking-Code manuell installieren, um Analytics für diese Seiten zu erfassen.

Erfahren Sie mehr darüber, wie Sie mithilfe des Tracking-Codes Besucher auf Ihrer Website nachverfolgen können.

Bitte beachten:

HubSpot-Tracking-Code kopieren

  • Klicken Sie in Ihrem HubSpot-Account in der Hauptnavigationsleiste auf das settings Zahnradsymbol, um die Einstellungen aufzurufen.
  • Navigieren Sie zu Ihren Einstellungen für „Tracking & Analytics“:
    • Für alle anderen Abonnements gehen Sie zu „Tracking & Analytics“ >„Tracking-Code“ im Menü der linken Seitenleiste.
  • Klicken Sie im Abschnitt „Einbettungs-Code“ auf „Kopieren“  oder klicken Sie auf „E-Mail an meinen Web-Entwickler“, um den Tracking-Code an das für die Installation des Codes auf Ihrer Website verantwortliche Teammitglied zu senden.

    copy-tracking-code
  • Installieren Sie den Tracking-Code auf Ihrer Website.

Tracking-Code auf Ihrer Website installieren

Um den Tracking-Code zu installieren, fügen Sie den Code vor dem abschließenden </body>-Tag in den HTML-Code auf jeder Seite Ihrer Website ein. Sobald Sie den Tracking-Code installiert haben, erfahren Sie, wie Sie die Installation überprüfen und den Codebeheben können.

Gleichzeitig können die meisten Content-Management-Systeme und Ihre Entwickler Code für alle Seiten Ihrer Website installieren, z. B. eine Fußzeilendatei , die auf allen Seiten referenziert wird. Wenden Sie sich an Ihre Entwickler, wenn Sie weitere Unterstützung dafür benötigen.

Die folgenden Abschnitte sind möglicherweise ebenfalls hilfreich, wenn Sie ein bestimmtes Content-Management-System verwenden.

Bitte beachten: Da jede Website anders strukturiert ist, können die Schritte für den Zugriff auf Ihren HTML-Code unterschiedlich sein. Wenn Sie nicht sicher sind, wie Sie auf den HTML-Code Ihrer Website zugreifen können, wenden Sie sich an Ihren Webmaster, Ihre IT-Abteilung oder Ihren Entwickler und legen Sie diesen Artikel vor.
 

Tracking-Code auf einer WordPress-Website installieren

Es wird dringend empfohlen, das Plugin „HubSpot All-In-One Marketing – Forms, Popups, Live Chat“ für WordPress zu installieren und zu verwenden. Das Plugin installiert automatisch den HubSpot-Tracking-Code auf Ihrer WordPress-Website für Sie.

Wenn Sie das HubSpot WordPress-Plugin nicht installieren können, können Sie den HubSpot-Tracking-Code manuell installieren:

  • Folgen Sie den oben beschriebenen Schritten, um den HubSpot-Tracking-Code in Ihren HubSpot-Account zu kopieren.
  • Melden Sie sich bei Ihrem WordPress-Konto an.
  • Gehen Sie in der linken Seitenleiste zu „Erscheinungsbild“ > „Editor“.
  • Wählen Sie in der Liste der Designdateien auf der rechten Seite des Editors Ihre Fußzeile aus.
  • Fügen Sie den Tracking-Code ein und wählen Sie „Datei aktualisieren“ aus.

Bitte beachten:
  • Wenn Sie den Tracking-Code manuell installieren und ein Marketing Hub-Abonnement von HubSpot besitzen, kann HubSpot nicht zwischen WordPress-Beiträgen und -Seiten in seinen Analytics unterscheiden.
  • Wenn Ihre Website auf WordPress.com gehostet wird, können Sie den HubSpot-Tracking-Code nicht zu Ihrer Website hinzufügen, es sei denn, Sie verwenden deren Geschäftsplan. Die anderen Pläne (z. B. Premium, Personal) erlauben es Benutzern nicht, JavaScript-Code hinzufügen.

Installieren des Tracking-Codes auf einer Shopify-Website

  • Folgen Sie den oben beschriebenen Schritten, um den HubSpot-Tracking-Code in Ihren HubSpot-Account zu kopieren.
  • Melden Sie sich bei Ihrem Shopify-Admin-Dashboard an.
  • Gehen Sie in der linken Seitenleiste zu „Online-Store“ > „Designs“.
  • Klicken Sie auf das Dropdown-Menü „Aktionen“ und wählen Sie die Option „Code bearbeiten“ aus.
  • Wählen Sie die Datei „theme.liquid“ für Ihr Design aus.

  • Fügen Sie Ihren HubSpot-Tracking-Code einfach vor das </body>-Tag in dieser Datei ein.
  • Klicken Sie oben rechts auf Speichern.

Installieren des Tracking-Codes auf einer Drupal-Website

  • Folgen Sie den oben beschriebenen Schritten, um den HubSpot-Tracking-Code in Ihren HubSpot-Account zu kopieren.
  • Melden Sie sich bei Ihrem Drupal-Admin-Dashboard an.
  • Gehen Sie im Hauptnavigationsmenü zu „Struktur“.
  • Klicken Sie auf „Blöcke“.

  • Klicken Sie auf „+ Block hinzufügen“.
  • Geben Sie die Felder für Ihren neuen Block ein. Fügen Sie den Tracking-Code in das Feld „Block-Textkörper“ ein und klicken Sie dann auf „Block speichern“.

Installieren des Tracking-Codes auf einer Magento-Website

Folgen Sie den oben beschriebenen Schritten, um den HubSpot-Tracking-Code in Ihren HubSpot-Account zu kopieren. Folgen Sie dann den Anweisungen im Design-Benutzerhandbuch von Magento bezüglich der Installation von JavaScript-Code von Drittanbietern in HTML-Code für Kopfzeilen.

 

Installieren des Tracking-Codes auf einer Wix-Website

Fügen Sie Ihrer Seite über den App Market in Wix ein HTML-Widget hinzu:

  • Folgen Sie den oben beschriebenen Schritten, um den HubSpot-Tracking-Code in Ihren HubSpot-Account zu kopieren.
  • Gehen Sie im Dashboard Ihrer Website auf Einstellungen.
  • Klicken Sie im Abschnitt „Erweitert“ auf die Registerkarte „Benutzerdefinierter Code“.
  • Klicken Sie oben rechts auf „+ Benutzerdefinierten Code hinzufügen“.
  • Fügen Sie den Tracking-Code in das Textfeld ein. 
  • Legen Sie den Namen des neuen Tools auf „HubSpot-Tracking-Code“ fest.
  • Klicken Sie unter „Code zu Seiten hinzufügen“ auf das Optionsfeld für „Alle Seiten“ und verwenden Sie das  und -Menü, um die Option „Code auf jeder neuen Seite laden“ auszuwählen.
  • Klicken Sie im Abschnitt „Code platzieren in“ auf das Optionsfeld für die Option „Text – Ende“.
  • Klicken Sie auf „Übernehmen“, um Ihre Änderungen zu speichern.
 
Wenn Sie einen Live-Chat oder Bot auf Ihrer Wix-Website verwenden, können Sie entweder die oben beschriebenen Schritte befolgen, um den Chatflow zu jeder Seite hinzuzufügen, oder Sie können mit einem Entwickler zusammenarbeiten, um mithilfe des Chat-Widget SDK spezifischen Seiten als Ziel festzulegen. Verwenden Sie die Methode „.widget-refresh“, um verschiedene Chatflows auf verschiedenen Seiten anzugeben. Erfahren Sie mehr über die HubSpot-Ressourcen für Entwickler.
 

Installieren des Tracking-Codes auf einer Joomla-Website

Sie haben zwei Möglichkeiten, Ihren HubSpot-Tracking-Code zu Ihrer Joomla-Website hinzuzufügen. Bei beiden Verfahren müssen Sie zunächst Ihren HubSpot-Tracking-Code kopieren. Folgen Sie dabei den oben aufgeführten Schritten.

Sie können im Joomla-Erweiterungsverzeichnis eine Erweiterung auswählen, in die Sie den HubSpot-Tracking-Code einfügen können. Wahlweise können Sie den Tracking-Code folgendermaßen installieren:

  • Melden Sie sich bei Ihrem Joomla-Konto als Administrator an.
  • Gehen Sie im Hauptnavigationsmenü zu „Erweiterungen“ > „Vorlagen“ > „Vorlagen“.
  • Klicken Sie auf den Namen Ihrer Vorlage und wählen Sie in der linken Seitenleiste „index.php“ aus.
  • Fügen Sie den HubSpot-Tracking-Code direkt über dem </body>-Tag ein.
  • Klicken Sie auf Speichern.

 

Installieren des Tracking-Codes auf einer Squarespace-Website

  • Folgen Sie den oben beschriebenen Schritten, um den HubSpot-Tracking-Code in Ihren HubSpot-Account zu kopieren.
  • Melden Sie sich bei Ihrem Squarespace-Konto an.
  • Gehen Sie in der linken Seitenleiste zu „Einstellungen“.
  • Gehen Sie im Bereich „Website“ des Menüs zu „Erweitert“ und wählen Sie dann „Codeinjektion“ aus.
  • Fügen Sie den Tracking-Code in das Feld „Kopfzeile“ ein.
  • Klicken Sie oben links auf „Speichern“.

Installieren des Tracking-Codes mit Google Tag Manager

  • Folgen Sie den oben beschriebenen Schritten, um den HubSpot-Tracking-Code in Ihren HubSpot-Account zu kopieren.
  • Melden Sie sich in einem neuen Tab oder Fenster des Browsers bei Ihrem Google Tag Manager-Konto an.
  • Wählen Sie Ihren Container aus.
  • Gehen Sie in der linken Seitenleiste zu „Tags“.
  • Klicken Sie auf „Neu“.

  • Klicken Sie auf „Tag-Konfiguration“.
  • Wählen Sie als Tag-Typ die Option „Benutzerdefinierter HTML-Code“ aus. Benennen Sie dann das Tag.
  • Fügen Sie den Tracking-Code im Feld „HTML“ ein.
  • Klicken Sie unter „Tag-Konfiguration“auf „Trigger“, um eine Auslöseregel einzurichten. Wenn Sie keine Auslöseregel einrichten, wird das Tag nicht ausgelöst und es werden keine HubSpot-Analysedaten erfasst.
  • Damit das Tag auf allen Seiten mit Google Tag Manager-Code ausgelöst wird (empfohlene Einstellung), wählen Sie die Option „Alle Seiten“ aus.

  • Klicken Sie auf „Speichern“, um das neue Tag zu speichern.
  • Klicken Sie oben rechts auf „Veröffentlichen“, um Ihren Container und Ihre Tags zu speichern.

Zusätzlicher Code zum Kategorisieren von Daten in HubSpot-Seitentypen

Wenn Sie Kontakt erstellen Attribut-Berichte, Umsatz-Attribut-Berichte oder die Registerkarte Seiten im Traffic Analytics Tool verwenden und möchten, dass Besucherdaten auf Ihren externen Seiten bestimmten Seitentypen zugeordnet werden, sollten Sie Ihr Entwicklerteam bitten, den folgenden Code zu Ihren Seiten hinzuzufügen:
 
var _hsq = window._hsq = window._hsq || [];
_hsq.push(['setContentType', 'CONTENT_TYPE']);

Ersetzen Sie den Text CONTENT_TYPE im Code mit dem Ausdruck für den Inhaltstyp, dem die Anteile zugeschrieben werden sollen.

  • Um dem Inhaltstyp Website-Seite Anteile zuzuschreiben, verwenden Sie die Ausdrücke standard-page oder site-page.
  • Um dem Inhaltstyp Landingpage Anteile zuzuschreiben, verwenden Sie den Ausdruck landing-page.
  • Um dem Inhaltstyp Listing-Seite Anteile zuzuschreiben, verwenden Sie den Ausdruck listing-page.
  • Um dem Inhaltstyp Blog-Beitrag Anteile zuzuschreiben, verwenden Sie den Ausdruck blog-post.
  • Um dem Inhaltstyp Wissensartikel Anteile zuzuschreiben, verwenden Sie den Ausdruck knowledge-article.

Nach dem Hinzufügen sollten Daten im Zusammenhang mit Ihrer externen Seite in den Seitentyp kategorisiert werden, den Sie im Code ausgewählt haben. Erfahren Sie in unserer Entwicklerdokumentation, wie dieser Code funktioniert.

War dieser Artikel hilfreich?
Dieses Formular wird nur verwendet, um Feedback zur Dokumentation zu sammeln. Erfahren Sie, wie Sie Hilfe bei Fragen zu HubSpot erhalten können.