Code-Snippets mit HubSpot-Content verwenden

Mithilfe von Code-Snippets können benutzerdefinierte Skripts oder Markup zu von HubSpot gehosteten Inhalten hinzugefügt werden. Häufige Anwendungsfälle sind Analytics-Tracking, Integrationen von Drittanbietern und benutzerdefinierte Funktionen, die in der Kopf- oder Fußzeile einer Seite geladen werden müssen.

Bevor Sie loslegen

Bevor Sie Code-Snippets mit HubSpot-Inhalten verwenden, sollten Sie die Anforderungen und Überlegungen überprüfen.

Einschränkungen und Wissenswertes

• Code-Snippets können auf zwei Ebenen hinzugefügt werden:

  • Zu einer bestimmten Seite, einem Blogbeitrag oder einem bestimmten Wissensdatenbank-Artikel.
  • Für alle von HubSpot gehosteten Inhalte auf einer bestimmten Domain.
• Lesen Sie die Einbettungsanweisungen für alle externen Code-Snippets, um zu bestätigen, ob sie dem Header-, Text- und Footer-HTML Ihres Inhalts hinzugefügt werden sollen.
• Die Bearbeitungsoptionen für Header- und Footer-HTML variieren je nach Abonnement und Inhaltstyp.
• Header- oder Footer-HTML, das für alle Domains oder für eine für Angebote verwendete Domain konfiguriert wurde, wird sowohl in Angeboten als auch in Website-Content angezeigt.

Code-Snippets zu bestimmten Inhalten hinzufügen

Verwenden Sie diese Methode, wenn Code-Snippets nur auf eine einzelne Seite, einen Blogbeitrag oder einen Wissensdatenbank-Artikel angewendet werden sollen.

1. Gehen Sie zu Ihrem Content:

   • Website-Seiten:Gehen Sie in Ihrem HubSpot-Account zu Content > Website-Seiten.
   • Landingpages: Gehen Sie in Ihrem HubSpot-Account zu Content > Landingpages.
   • Blog: Gehen Sie in Ihrem HubSpot-Account zu Content > Blog.
   • Wissensdatenbank: Klicken Sie in Ihrem HubSpot-Account auf Service und dann auf Wissensdatenbank.
2. Klicken Sie auf den Namen Ihres Inhalts. 
3. Klicken Sie im Content Editor auf das Menü Einstellungen und wählen Sie Erweitert. 
4. Geben Sie im Abschnitt Zusätzliche Code-Snippets des Dialogfelds Ihr Code-Snippet in das Feld HTML-Kopfzeile oder HTML-Fußzeile ein.
5. Wenn Sie fertig sind, klicken Sie auf Veröffentlichen oder Aktualisieren , um Ihre Änderungen zu veröffentlichen.

Bitte beachten: Das Feld "Fußzeile-HTML" steht nicht für Blog-Beiträge oder Wissensdatenbank-Artikel zur Verfügung.

Code-Snippets zu allen auf einer bestimmten Domain gehosteten Inhalten hinzufügen

Verwenden Sie diese Methode, wenn der Code für alle von HubSpot gehosteten Inhalte auf einer Domain gelten soll, z. B. für website-weite Tracking-Skripts. 

1. Klicken Sie in Ihrem HubSpot-Account in der Hauptnavigationsleiste auf das settings Zahnradsymbol, um die Einstellungen aufzurufen.
2. Gehen Sie im Menü der linken Seitenleiste zu Content-Seiten>  .
3. Klicken Sie auf das  Dropdown-MenüDomain auswählen, um ihre Einstellungen zu bearbeiten und wählen Sie eine Domain aus. Um denselben Code in allen von HubSpot gehosteten Inhalten zu übernehmen, wählen Sie „Standardeinstellungen für alle Domains“ aus. 
4. Um dien Header oder Footer für eine bestimmte Domain zu bearbeiten, klicken Sie im Abschnitt „Website-Header-HTML“ oder „Website-Footer-HTML“ auf „Standardeinstellungen überschreiben“. Der zu den Standardeinstellungen hinzugefügte Code gilt nicht mehr für den Inhalt dieser Domain. 
5. Um den Header- oder Footer-HTML einer bestimmten Domain auf die Standardeinstellungen für alle Domains zurückzusetzen, klicken Sie stattdessen auf „Standardeinstellungen anwenden“. 
6. Geben Sie Ihre Code-Snippets ein.
7. Klicken Sie unten links auf „Speichern“, um Ihre Änderungen zu speichern.