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.
Design Manager

JavaScript-Datei zu HubSpot hinzufügen

Zuletzt aktualisiert am: Oktober 19, 2020

In Beta

Produkte/Lizenzen

Marketing Hub  Professional, Enterprise
CMS Hub  Professional, Enterprise
Ehemaliges Marketing Hub Basic

Im Design-Manager können Sie JavaScript-Dateien vorhalten und bearbeiten. Erfahren Sie, wie Sie eine JavaScript-Datei erstellen und mit einer Vorlage oder Domain verknüpfen.


Eine JavaScript-Datei erstellen

  • Gehen Sie in Ihrem HubSpot-Account zu Marketing > Dateien und Vorlagen > Design-Manager.
  • Klicken Sie in der Seitenleiste links auf Aktionen > Neue Datei. Möglicherweise müssen Sie auf das Ordnersymbol folder klicken, um das Menü zu erweitern. 

new-file

  • Klicken Sie im Dialogfeld auf JavaScript

  • Geben Sie im nächsten Dialogfeld einen Namen für Ihre JavaScript-Datei ein, und klicken Sie auf Erstellen.

  • Geben Sie Ihr JavaScript in den Code-Editor ein, oder fügen Sie den Code aus der Zwischenablage ein. 
  • Wenn Sie ESLint aktiviert haben, können Sie alle JavaScript-Warnungen oder -Fehler anzeigen, indem Sie den Schalter „Ausgabe anzeigen“ aktivieren.

    design-manager-coded-file-show-output
  • Klicken Sie oben rechts auf Änderungen veröffentlichen, um Ihre Änderungen zu veröffentlichen.

Die JavaScript-Datei an Ihre Vorlage anhängen

  • Klicken Sie im Finder auf die Vorlage, die Sie aktualisieren möchten.
  • Klicken Sie im Inspektor auf die Registerkarte Bearbeiten.
  • Klicken Sie im Abschnitt Verlinkte JavaScript-Dateien auf das Dropdown-Menü Hinzufügen, und wählen Sie Ihre JavaScript-Datei aus.

attach-javascript-file

  • Klicken Sie oben rechts auf Änderungen veröffentlichen, um Ihre Änderungen zu veröffentlichen.

Die JavaScript-Datei in Ihren HubSpot-Seiten einbinden

Sie können Ihre JavaScript-Datei auf allen Seiten einer von HubSpot gehosteten Domain oder auf einzelnen Seiten unter Verwendung der öffentlichen URL einbinden.

So erhalten Sie die öffentliche URL der Datei:

  • Wählen Sie im Menü der Seitenleiste links Eigenschaften Ihre JavaScript-Datei aus.
  • Klicken Sie auf Aktionen > Öffentliche URL kopieren.

Gehen Sie wie folgt vor, um die Datei all Ihren HubSpot-Seiten auf einer Domain hinzuzufügen:
  • Klicken Sie in Ihrem HubSpot-Account in der Hauptnavigationsleiste auf das Zahnradsymbol settings, um die Einstellungen aufzurufen.
  • Gehen Sie im linken Seitenmenü zu Website > Seiten.
  • Klicken Sie auf das Dropdown-Menü Änderung, und wählen Sie die Domain aus, der die JavaScript-Datei hinzugefügt werden soll
  • Fügen Sie im Abschnitt Website-Footer-HTML die öffentliche URL als Wert für die Quelle des Skript-Tags ein: 
<!-- start Main.js Do Not Remove -->
<script src='öffentlihe URL Ihrer Datei hier einfügen'></script>
<!---End Main.js-->
  • Klicken Sie auf „Speichern“

Gehen Sie wie folgt vor, um die Datei einer einzelnen Seite hinzufügen:

  • Gehen Sie in Ihrem HubSpot-Account zu „Marketing“ „Website“ > „Website-Seiten“ oder „Landing-Pages“.
  • Bewegen Sie den Mauszeiger über die Seite, die Sie bearbeiten möchten, und klicken Sie dann auf „Bearbeiten“.
  • Klicken Sie im Seiten-Editor auf die Registerkarte „Einstellungen“.
  • Klicken Sie auf „Erweiterte Optionen“.
  • Fügen Sie im Abschnitt Footer-HTML die öffentliche URL als Wert für die Quelle des Skript-Tags ein:
<!-- start Main.js Do Not Remove -->
<script src='öffentlihe URL Ihrer Datei hier einfügen'></script>
<!---End Main.js-->
  • Um Ihre Änderungen auf der aktiven Website zu veröffentlichen, klicken Sie oben rechts auf „Aktualisieren“.