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.
Landing Pages

Google Tag Manager-Code zu Ihren Seiten hinzufügen

Zuletzt aktualisiert am: Oktober 31, 2019

Produkte/Lizenzen

Marketing Hub  Professional, Enterprise
Basic
HubSpot CMS

Google Tag Manager stellt ein Code-Snippet bereit, das Sie über Ihre HubSpot-Einstellungen zu Ihren Seiten hinzufügen können. Weitere Informationen zum Google Tag Manager finden Sie in der Erste-Schritte-Anleitung von Google, die auch eine Seite mit häufig gestellten Fragen enthält.

Code aus Google Tag Manager kopieren

  • Melden Sie sich bei Ihrem Google Tag Manager-Account an.
  • Klicken Sie auf die Registerkarte Verwaltung.
  • Klicken Sie unter der Spalte Container im Dropdown-Menü auf den Container mit Ihren Tags.
  • Klicken Sie auf Google Tag Manager installieren
  • Im nächsten Bildschirm können Sie beide Code-Snippets (1) und (2) für Ihren Google Tag Manager-Container kopieren.

Google Tag Manager-Code zu HubSpot-Seiten hinzufügen

Google empfiehlt, das JavaScript-Code-Snippet (im Screenshot oben mit 1 gekennzeichnet) so weit oben wie möglich im -Bereich einer Seite zu platzieren. Diese Einstellung können Sie in den Einstellungen im Feld „Website-Header-HTML“ vornehmen.

Google empfiehlt zudem, das <noscript>-Snippet (im Screenshot oben mit 2 gekennzeichnet) nach dem öffnenden <body>-Tag zu platzieren. Abhängig von den Einstellungen der Website kann das Snippet auch anderen Abschnitten einer Seite hinzugefügt werden. Weitere Informationen finden Sie in der Dokumentation für Google Tag Manager an.

Wenn Sie dem Textkörper Ihrer HubSpot-Seiten über Ihre gesamte Website hinweg Code hinzufügen wollen, können Sie den Code nur direkt vor dem schließenden </body>-Tag einfügen. Diese Einstellung können Sie in den Einstellungen im Feld Website-Footer-HTML vornehmen.

  • Klicken Sie in Ihrem HubSpot-Account in der Hauptnavigationsleiste auf das Zahnradsymbol settings, um die Einstellungen aufzurufen.
  • Gehen Sie im Menü der Seitenleiste links zu WebsiteSeiten.
  • Verwenden Sie das Dropdown-Menü Ändern, um eine Domain auszuwählen, oder wählen Sie Alle Domains, um den Code zu allen auf HubSpot gehosteten Domains hinzuzufügen.

Bitte beachten Sie Folgendes: Wenn Sie Code zur HTML einer Kopf- oder Fußzeile für eine bestimmte Domain hinzufügen, wird der Code überschrieben, den Sie zum HTML der Kopf- und Fußzeile für Alle Domains eingefügt haben. Erfahren Sie mehr über die Reihenfolge, in der Code auf Ihre Seiten angewendet wird.

  • Fügen Sie die in Google Tag Manager kopierten Code-Snippets hinzu:
    1. Fügen Sie Ihr Javascript-Code-Snippet im Feld HTML-Kopfbereich der Website ein.
    2. Fügen Sie ein <noscript>-Code-Snippet zum Abschnitt „Website-Footer-HTML“ hinzu.
  • Klicken Sie auf Speichern, um Ihre Änderungen zu übernehmen.