JavaScript-Datei erstellen und zu HubSpot hinzufügen

Erstellen und fügen Sie JavaScript-Dateien im Design-Manager hinzu, um die Funktionalität Ihrer von HubSpot gehosteten Inhalte anzupassen. Erstellen Sie eine JavaScript-Datei, hängen Sie sie an eine Vorlage an oder fügen Sie sie über eine gesamte Domain oder auf einzelnen Seiten hinzu.

Verwenden Sie beispielsweise eine JavaScript-Datei, um interaktive Elemente hinzuzufügen, Skripte von Drittanbietern zu integrieren oder das Verhalten von Seiten über Standardmodule hinaus anzupassen. 

Bevor Sie loslegen

Bevor Sie mit JavaScript-Dateien arbeiten, sollten Sie die folgenden Anforderungen und Überlegungen beachten.

Einschränkungen und Wissenswertes

• Durch das Veröffentlichen von Änderungen werden Aktualisierungen sofort in den zugehörigen Vorlagen oder auf den Seiten live geschaltet.
• Wenn Sie JavaScript auf Domain Ebene hinzufügen, wird das Skript auf alle von HubSpot gehosteten Seiten in diesem Domain angewendet.

Eine JavaScript-Datei erstellen

1. Gehen Sie in Ihrem HubSpot-Account zu Content > Design-Manager.
2. Klicken Sie im Finder auf das Dropdown-Menü Datei und wählen Sie Neue Datei aus.
3. Klicken Sie im Dialogfeld auf das Dropdown-Menü Was möchten Sie heute erstellen? und wählen Sie JavaScript. Klicken Sie anschließend auf Weiter.
4. Geben Sie im Feld Dateiname einen Namen für Ihre JavaScript-Datei ein.
5. Um den Speicherort der Datei zu aktualisieren, klicken Sie im Abschnitt Dateispeicherort auf Ändern und wählen Sie den Ordner , dem die Datei hinzugefügt werden soll.
6. Klicken Sie auf Erstellen. 
7. Geben Sie Ihr JavaScript in den Code-Editor ein.
8. Wenn Sie ESLint aktiviert haben, können Sie alle JavaScript-Warnungen oder -Fehler anzeigen, indem Sie den Schalter Ausgabe anzeigen aktivieren.

9. Wenn Sie fertig sind, klicken Sie oben rechts auf Änderungen veröffentlichen .

Eine JavaScript-Datei an eine Drag-&-Drop-Vorlage anhängen

1. Gehen Sie in Ihrem HubSpot-Account zu Content > Design-Manager.
2. Klicken Sie im Finder auf die Vorlage , die Sie aktualisieren möchten.
3. Klicken Sie im Inspektor auf der rechten Seite auf die Registerkarte Bearbeiten.
4. Klicken Sie im Abschnitt Verlinkte JavaScript-Dateien auf das Dropdown-Menü Hinzufügen, und wählen Sie Ihre JavaScript-Datei aus.
5. Wenn Sie fertig sind, klicken Sie oben rechts auf Änderungen veröffentlichen.

Eine JavaScript-Datei an eine kodierte Vorlage anhängen

1. Gehen Sie in Ihrem HubSpot-Account zu Content > Design-Manager.
2. Klicken Sie im Finder auf die Vorlage , die Sie aktualisieren möchten.
3. Geben Sie im Code-Editor die Funktion require_js HubL ein. Erfahren Sie mehr über die Verwendung der require_js HubL-Funktion.

Eine JavaScript-Datei zu HubSpot-Seiten hinzufügen

Fügen Sie eine JavaScript-Datei auf allen Seiten einer von HubSpot gehosteten Domain oder auf einzelnen Seiten mithilfe der öffentlichen URL hinzu.

Auf die öffentliche URL einer JavaScript-Datei zugreifen

1. Gehen Sie in Ihrem HubSpot-Account zu Content > Design-Manager.
2. Klicken Sie im Finder auf den Namen der JavaScript-Datei. Klicken Sie dann auf das Dropdown-Menü Aktionen und wählen Sie Öffentliche URL kopieren aus.

Eine JavaScript-Datei zu allen Seiten einer Domain hinzufügen

1. Klicken Sie in Ihrem HubSpot-Account in der Hauptnavigationsleiste auf das settings Zahnradsymbol, um die Einstellungen aufzurufen.
2. Navigieren Sie im Menü der linken Seitenleiste zu Inhalt > Seiten.
3. Klicken Sie auf das Dropdown-Menü Domain auswählen, um ihre Einstellungen zu bearbeiten und wählen Sie die Domain aus, der die JavaScript-Datei hinzugefügt werden soll. Um die JavaScript-Datei auf alle verknüpften Domains anzuwenden, wählen Sie Standardeinstellungen für alle Domains aus.
   
4. Fügen Sie im Abschnitt Website-Footer-HTML die öffentliche URL als Wert für die Quelle des Skript-Tags ein: 

<!-- start example.js Do Not Remove -->
<script src='insert your file's public URL here'></script>
<!---End example.js-->

5. Wenn Sie fertig sind, klicken Sie unten links auf Speichern .

Fügen Sie eine JavaScript-Datei zu einer einzelnen Seite hinzu

Bitte beachten: Erweiterte Einstellungen sind in Starter-Vorlagen nicht verfügbar.

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.
2. Klicken Sie auf den Namen Ihrer Seite.
3. Klicken Sie im Content-Editor auf das Menü Einstellungen und wählen Sie Erweitert aus.
4. Fügen Sie im Abschnitt Footer-HTML des Dialogfelds die öffentliche URL als Wert für die Quelle des Skript-Tags ein:

<!-- start example.js Do Not Remove -->
<script src='insert your file's public URL here'></script>
<!---End example.js-->

5. Wenn Sie fertig sind, klicken Sie oben rechts auf Veröffentlichen oder Aktualisieren.