JavaScript-Datei zu HubSpot hinzufügen

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. 

• 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.
  
  
• 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.

• 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.
  

• 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“.