Zuletzt aktualisiert am: September 29, 2022
Sie können JavaScript-Dateien im Design-Manager hosten und bearbeiten. Erfahren Sie, wie Sie eine JavaScript-Datei erstellen und sie mit einer Vorlage oder einer Domain verknüpfen.
Eine JavaScript-Datei erstellen
- Gehen Sie in Ihrem HubSpot-Account zu Marketing > Dateien und Vorlagen > Design-Manager.
- Klicken Sie im Menü der linken Seitenleiste auf Datei > Neue Datei. Möglicherweise müssen Sie auf dasOrdnersymbol klicken, um das Menü zu erweitern.
- Klicken Sie im Dialogfeld auf das Dropdown-Menü Was möchten Sie heute erstellen? und wählen Sie JavaScript.
- Klicken Sie auf „Weiter“.
- Geben Sie in das Feld Dateiname einen Namen für Ihre JavaScript-Datei ein.
- Um den Speicherort der Datei zu aktualisieren, klicken Sie im Abschnitt Dateispeicherort auf Ändern und wählen Sie den Ordner aus, dem die Datei hinzugefügt werden soll.
- Klicken Sie auf „Create“ (Erstellen).
- Geben oder fügen Sie Ihr JavaScript in den Code-Editor 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.
Anhängen einer JavaScript-Datei an eine Vorlage
- Klicken Sie im Finder auf der linken Seite auf die Vorlage, die Sie aktualisieren möchten.
- Klicken Sie im Inspektor auf der rechten Seite 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.
Einfügen einer JavaScript-Datei auf HubSpot-Seiten
Sie können Ihre JavaScript-Datei auf allen Seiten einer von HubSpot gehosteten Domain oder auf einzelnen Seiten unter Verwendung der öffentlichen URL einbinden.
Um auf die öffentliche URL der Datei zuzugreifen:
- 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, um die Einstellungen aufzurufen.
- Gehen Sie im linken Seitenmenü zu Website > Seiten.
- Klicken Sie auf das Dropdown-Menü Wählen Sie eine Domain aus, um ihre Einstellungen zu bearbeiten, und wählen Sie die Domain aus, der Sie die JavaScript-Datei hinzufügen möchten. Sie können Standardeinstellungen für alle Domänen wählen, wenn die JavaScript-Datei für alle verbundenen Domänen gelten 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 HTML-Abschnitt der Fußzeile 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“.
