Dodaj mapę Google do treści HubSpot

Dodaj interaktywną mapę Google do treści HubSpot, kopiując kod osadzania mapy i wstawiając go do modułu tekstu sformatowanego. Ta metoda działa w edytorze treści i szablonach obsługujących moduły tekstu sformatowanego.

Zanim zaczniesz

Przed dodaniem mapy Google do treści HubSpot zapoznaj się z poniższymi wymaganiami i uwagami.

Zrozum ograniczenia i uwagi

• Osadzone Mapy Google są zarządzane przez Google. Zachowanie wyświetlania, stylizacja i funkcjonalność zależą od ustawień osadzania Google.

Pobierz kod osadzania mapy Google

1. Przejdź do Map Google.
2. Na pasku wyszukiwania wprowadź adres.
3. Na liście adresów kliknij Udostępnij.

4. W oknie dialogowym kliknij kartę Osadź mapę .
5. Kliknij menu rozwijane rozmiaru mapy i wybierz rozmiar.
6. Kliknij Kopiuj HTML , aby skopiować kod osadzania mapy.

Dodawanie mapy Google w edytorze treści

1. Przejdź do swojej zawartości:

   • Blog: Na swoim koncie HubSpot przejdź do Treści > Blog.
   • Strony witryny: Na swoim koncie HubSpot przejdź do Treści > Strony witryny.
   • Strony docelowe: Na swoim koncie HubSpot przejdź do Treści > Strony docelowe.
2. Kliknij nazwę swojej zawartości.
3. W edytorze treści kliknij ikonę add Dodaj na lewym pasku bocznym.
4. Kliknij, aby rozwinąć sekcję Tekst , a następnie kliknij moduł Tekst sformatowany i przeciągnij go na odpowiednią pozycję.
5. Na pasku narzędzi tekstu sformatowanego kliknij menu rozwijane Zaawansowane i wybierz opcję Kod źródłowy.
6. W oknie dialogowym wklej kod osadzania mapy, a następnie kliknij przycisk Zapisz.

7. Aby wprowadzić zmiany na żywo, kliknij przycisk Opublikuj lub Aktualizuj w prawym górnym rogu.

Dodawanie mapy Google do szablonu

Jeśli szablon typu "przeciągnij i upuść " lub szablon kodowany nie zawiera modułu tekstu sformatowanego, dodaj go w Menedżerze projektów. Po opublikowaniu szablonu edytuj moduł tekstu sformatowanego w edytorze treści.

Dodawanie modułu tekstu sformatowanego do szablonu typu "przeciągnij i upuść

Dodaj moduł tekstu sformatowanego do szablonu typu "przeciągnij i upuść", aby mapa Google mogła zostać dodana w edytorze zawartości. Dowiedz się więcej o używaniu modułów w szablonach drag and drop.

1. Przejdź do swojej zawartości:

   • Blog: Na swoim koncie HubSpot przejdź do Treści > Blog.
   • Strony witryny: Na swoim koncie HubSpot przejdź do Treści > Strony witryny.
   • Strony docelowe: Na swoim koncie HubSpot przejdź do Treści > Strony docelowe.
2. Kliknij nazwę swojej zawartości.
3. Kliknij menu Ustawienia i wybierz opcję Szablon.
4. Kliknij Edytuj ten szablon. Nastąpi przekierowanie do Menedżera projektów.
5. Kliknij + Dodaj w inspektorze.
6. Na pasku wyszukiwania wpisz tekst sformatowany.

7. Kliknij moduł tekstu sformatowanego i przeciągnij go na szablon.
8. W prawym górnym rogu kliknij przycisk Opublikuj zmiany.
9. Kontynuuj dodawanie mapy Google w edytorze treści.

Dodawanie modułu tekstu sformatowanego do zakodowanego szablonu

Dodaj moduł tekstu sformatowanego do zakodowanego szablonu, aby mapa Google mogła zostać dodana w edytorze treści. Dowiedz się więcej o używaniu modułów w kodowanych szablonach.

1. Przejdź do swojej zawartości:
   • Blog: Na swoim koncie HubSpot przejdź do Treści > Blog.
   • Strony witryny: Na swoim koncie HubSpot przejdź do Treści > Strony witryny.
   • Strony docelowe: Na swoim koncie HubSpot przejdź do Treści > Strony docelowe.
2. Kliknij nazwę swojej zawartości.
3. Kliknij menu Ustawienia i wybierz opcję Szablon.
4. Kliknij Edytuj ten szablon.
5. W edytorze kodu dodaj moduł Rich text, w którym powinna pojawić się mapa. Na przykład:

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

6. W prawym górnym rogu kliknij przycisk Opublikuj zmiany.
7. Kontynuuj dodawanie mapy Google w module tekstu sformatowanego.