Zum Hauptinhalt
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: September 29, 2022

Produkte/Lizenzen

Alle

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.

design-manager-neue-datei-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.

design-manager-neue-javascript-datei

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

    design-manager-javascript-anzeigen-ausgabe
  • 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.

design-manager-add-javascript-file

So fügen Sie die Datei zu all Ihren HubSpot-Seiten auf einer Domain hinzu:
  • Klicken Sie in Ihrem HubSpot-Account in der Hauptnavigationsleiste auf das settings 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“.
Was this article helpful?
This form is used for documentation feedback only. Learn how to get help with HubSpot.