Legg til et Google Map i HubSpot-innhold

Legg til et interaktivt Google Map i HubSpot-innhold ved å kopiere kartets innbyggingskode og sette den inn i en rik tekst-modul. Denne metoden fungerer i innholdsredigeringsprogrammet og i maler som støtter rik tekst-moduler.

Før du kommer i gang

Før du legger til et Google Map i HubSpot-innholdet ditt, bør du gå gjennom følgende krav og betraktninger.

Forstå begrensninger og hensyn

• Innebygde Google Maps administreres av Google. Visningsatferd, styling og funksjonalitet avhenger av Googles innstillinger for innebygging.

Få koden for innebygging av Google Map

1. Gå til Google Maps.
2. Skriv inn en adresse i søkefeltet.
3. Klikk på Del i adresselisten.

4. I dialogboksen klikker du på fanen Bygg inn et kart.
5. Klikk på rullegardinmenyen Kartstørrelse, og velg en størrelse.
6. Klikk på Kopier HTML for å kopiere kartets innbyggingskode.

Legg til et Google Map i innholdsredigeringsprogrammet

1. Naviger til innholdet ditt:

   • Blogg: Gå til Innhold > Blog i HubSpot-kontoen din.
   • Nettsider: Gå til Innhold > Nettstedssider i HubSpot-kontoen din.
   • Landingssider: Gå til Innhold > Landingssider i HubSpot-kontoen din.
2. Klikk på navnet på innholdet ditt.
3. I innholdsredigeringsprogrammet klikker du på add Legg til -ikonet i venstre sidefelt.
4. Klikk for å utvide Tekst-delen , klikk deretter på Rich Text-modulen, og dra den på plass.
5. I verktøylinjen for rik tekst klikker du på rullegardinmenyen Avansert og velger Kildekode.
6. Lim inn kartets innbyggingskode i dialogboksen, og klikk deretter på Lagre.

7. Klikk på Publiser eller Oppdater øverst til høyre for å ta endringene i bruk.

Legg til et Google Map i en mal

Hvis dra-og-slipp-malen eller den kodede malen ikke inneholder en rik tekst-modul, kan du legge til en i Design Manager. Når du har publisert malen, redigerer du rik tekst-modulen i innholdsredigeringsprogrammet.

Legg til en rik tekst-modul i en dra-og-slipp-mal

Legg til en rik tekst-modul i en dra-og-slipp-mal, slik at Google Map kan legges til i innholdsredigeringsprogrammet. Finn ut mer om hvordan du bruker moduler i dra-og-slipp-maler.

1. Naviger til innholdet ditt:

   • Blogg: Gå til Innhold > Blog i HubSpot-kontoen din.
   • Nettsider: Gå til Innhold > Nettstedssider i HubSpot-kontoen din.
   • Landingssider: Gå til Innhold > Landingssider i HubSpot-kontoen din.
2. Klikk på navnet på innholdet ditt.
3. Klikk på Innstillinger-menyen , og velg Mal.
4. Klikk på Rediger denne malen. Du blir sendt videre til Design Manager.
5. Klikk på + Legg til i inspektøren.
6. Skriv inn rik tekst i søkefeltet.

7. Klikk på rik tekst-modulen , og dra den på plass i malen.
8. Klikk på Publiser endringer øverst til høyre.
9. Fortsett å legge til Google Map i innholdsredigeringsprogrammet.

Legg til en rik tekst-modul i en kodet mal

Legg til en rik tekst-modul i en kodet mal, slik at Google Map kan legges til i innholdsredigeringsprogrammet. Finn ut mer om hvordan du bruker moduler i kodede maler.

1. Naviger til innholdet ditt:
   • Blogg: Gå til Innhold > Blog i HubSpot-kontoen din.
   • Nettsider: Gå til Innhold > Nettstedssider i HubSpot-kontoen din.
   • Landingssider: Gå til Innhold > Landingssider i HubSpot-kontoen din.
2. Klikk på navnet på innholdet ditt.
3. Klikk på Innstillinger-menyen , og velg Mal.
4. Klikk på Rediger denne malen.
5. I kodeditoren legger du til Rich text-modulen der kartet skal vises. For eksempel

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

6. Klikk på Publiser endringer øverst til høyre.
7. Fortsett å legge til Google Map i rik tekst-modulen.