HubSpot-Content zu HubSpot hinzufügen

Fügen Sie eine interaktive Google Map zu HubSpot-Inhalten hinzu, indem Sie den Einbettungscode der Karte kopieren und in ein Rich-Text-Modul einfügen. Diese Methode funktioniert im Content-Editor und in Vorlagen, die Rich-Text-Module unterstützen. 

Bevor Sie loslegen

Bevor Sie eine Google Map zu Ihren HubSpot-Inhalten hinzufügen, sollten Sie die folgenden Anforderungen und Überlegungen beachten. 

Einschränkungen und Wissenswertes

• Eingebettete Google Maps werden von Google verwaltet. Anzeigeverhalten, Styling und Funktionalität hängen von den Einbettungseinstellungen von Google ab. 

Einbetten des Codes für die Google-Karte

1. Navigieren Sie zu Google Maps.
2. Geben Sie in der Suchleiste eine Adresse ein. 
3. Klicken Sie in der Auflistung der Adresse auf Freigeben.

4. Klicken Sie im Dialogfeld auf die Registerkarte „Karten einbetten“. 
5. Klicken Sie auf das Dropdown-Menü „Kartengröße“ und wählen Sie eine Schriftart aus. 
6. Klicken Sie auf HTML kopieren, um den Einbettungscode der Karte zu kopieren.

Google Map im Content-Editor hinzufügen 

1. Gehen Sie zu Ihrem Content:

   • Blog: Gehen Sie in Ihrem HubSpot-Account zu Content > Blog.
   • 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 Ihres Contents. 
3. Klicken Sie im Inhaltseditor auf das Symbol add  in der linken Seitenleiste. 
4. Erweitern Sie den Bereich Text , klicken Sie dann auf das Modul Rich-Text und ziehen Sie es an die gewünschte Position.
5. Klicken Sie in der Rich-Text-Symbolleiste auf das Dropdown-Menü Erweitert und wählen Sie Quellcode. 
6. Fügen Sie im Dialogfeld den Einbettungscode der Karte ein und klicken Sie dann auf Speichern. 

7. Um Ihre Änderungen live zu schalten, klicken Sie oben rechts auf Veröffentlichen oder Aktualisieren.

Google Map zu einer Vorlage hinzufügen

Wenn Ihre Drag-&-Drop-Vorlage oder Code-Vorlage kein Rich-Text-Modul enthält, fügen Sie eines im Design-Manager hinzu. Nachdem Sie die Vorlage veröffentlicht haben, bearbeiten Sie das Rich-Text-Modul im Content-Editor.

Ein Rich-Text-Modul zu einer Drag-&-Drop-Vorlage hinzufügen

Fügen Sie ein Rich-Text-Modul zu einer Drag-&-Drop-Vorlage hinzu, damit die Google Map im Content-Editor hinzugefügt werden kann. Erfahren Sie mehr über die Verwendung von Modulen in Drag-&-Drop-Vorlagen. 

1. Gehen Sie zu Ihrem Content:

   • Blog: Gehen Sie in Ihrem HubSpot-Account zu Content > Blog.
   • 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 Ihres Contents. 
3. Klicken Sie auf das Menü Einstellungen und wählen Sie Vorlage. 
4. Klicken Sie auf Diese Vorlage bearbeiten. Sie werden zum Design-Manager weitergeleitet.
5. Klicken Sie im Inspektor auf + Hinzufügen. 
6. Geben Sie in der Suchleiste Rich Textein. 

7. Klicken Sie auf das Rich-Text-Modul und ziehen Sie es an die gewünschte Stelle auf Ihrer Vorlage. 
8. Klicken Sie oben rechts auf „Änderungen veröffentlichen“.
9. Fahren Sie mit dem Hinzufügen der Google Map im Content-Editor fort.

Ein Rich-Text-Modul zu einer Code-Vorlage hinzufügen

Fügen Sie einer Code-Vorlage ein Rich-Text-Modul hinzu, damit die Google Map im Content-Editor hinzugefügt werden kann. Erfahren Sie mehr über die Verwendung von Modulen in Code-Vorlagen . 

1. Gehen Sie zu Ihrem Content:
   • Blog: Gehen Sie in Ihrem HubSpot-Account zu Content > Blog.
   • 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 Ihres Contents.
3. Klicken Sie auf das Menü Einstellungen und wählen Sie Vorlage aus.
4. Klicken Sie auf Diese Vorlage bearbeiten.
5. Fügen Sie im Code-Editor das Rich-Text-Modul hinzu, in dem die Zuordnung angezeigt werden soll. Zum Beispiel:

{%-Modul
"map_embed"
path="@hubspot/rich_text"
label="Google Map" %}

6. Klicken Sie oben rechts auf „Änderungen veröffentlichen“.
7. Fahren Sie mit dem Hinzufügen der Google Map im Rich-Text-Modul fort.