JavaScript-Datei zu HubSpot hinzufügen
Zuletzt aktualisiert am: März 19, 2021
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.
- 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“.
Verwandte Artikel
-
Google Tag Manager-Code zu Ihren Seiten hinzufügen
Sie können Google Tag Manager mit HubSpot integrieren, um Tracking von mehreren Quellen an einem zentralen...
Wissensdatenbank -
Module erstellen und bearbeiten
Im Design-Manager können Sie benutzerdefinierte Code-Module erstellen, um Ihrem Blog, Ihren Seiten oder Ihren...
Wissensdatenbank -
Inhalte personalisieren
Mithilfe von Personalisierungstoken können Sie den Kontakten in Ihrem CRM personalisierte Inhalte basierend...
Wissensdatenbank