주의:: 이 문서는 사용자의 편의를 위해 제공됩니다. .

HubSpot 콘텐츠에 Google 지도 추가

마지막 업데이트 날짜: 2026년 2월 25일

지도의 임베드 코드를 복사하여 서식 있는 텍스트 모듈에 삽입하여 HubSpot 콘텐츠에 대화형 Google 지도를 추가합니다. 이 방법은 콘텐츠 편집기와 서식 있는 텍스트 모듈을 지원하는 템플릿에서 작동합니다.

시작하기 전에

HubSpot 콘텐츠에 Google 지도를 추가하기 전에 다음 요구 사항 및 고려 사항을 검토하세요.

다음 권한이 필요합니다:

콘텐츠로 이동합니다:
- 블로그: HubSpot 계정에서 콘텐츠 > 블로그로 이동합니다.
- 웹사이트 페이지: HubSpot 계정에서 콘텐츠 > 웹사이트 페이지로 이동합니다.
- 랜딩 페이지: HubSpot 계정에서 콘텐츠 > 랜딩 페이지로 이동합니다.
콘텐츠의 이름을 클릭합니다.
콘텐츠 편집기에서 왼쪽 사이드바의 add 추가 아이콘을 클릭합니다.
클릭하여 텍스트 섹션을 확장한 다음 서식 있는 텍스트 모듈을 클릭하고 제자리에 끌어다 놓습니다.
서식 있는 텍스트 도구 모음에서 고급 드롭다운 메뉴를 클릭하고 소스 코드를 선택합니다.
대화 상자에서 지도의 임베드 코드를 붙여넣은 다음 저장을 클릭합니다.
변경 사항을 적용하려면 오른쪽 상단의 게시 또는 업데이트를 클릭합니다.

드래그 앤 드롭 템플릿 또는 코딩된 템플릿에 서식 있는 텍스트 모듈이 포함되어 있지 않은 경우 디자인 관리자에서 추가합니다. 템플릿을 게시한 후 콘텐츠 편집기에서 서식 있는 텍스트 모듈을 편집합니다.

드래그 앤 드롭 템플릿에 서식 있는 텍스트 모듈을 추가하면 콘텐츠 편집기에서 Google 지도를 추가할 수 있습니다. 드래그 앤 드롭 템플릿에서 모듈을 사용하는 방법에 대해 자세히 알아보세요.

콘텐츠로 이동합니다:
- 블로그: HubSpot 계정에서 콘텐츠 > 블로그로 이동합니다.
- 웹사이트 페이지: HubSpot 계정에서 콘텐츠 > 웹사이트 페이지로 이동합니다.
- 랜딩 페이지: HubSpot 계정에서 콘텐츠 > 랜딩 페이지로 이동합니다.
콘텐츠의 이름을 클릭합니다.
설정 메뉴를 클릭하고 템플릿을 선택합니다.
이 템플릿 편집을 클릭합니다. 디자인 관리자로 이동합니다.
인스펙터에서 + 추가를 클릭합니다.
검색창에 서식 있는 텍스트를 입력합니다.

코딩된 템플릿에 서식 있는 텍스트 모듈을 추가하여 콘텐츠 편집기에서 Google 지도를 추가할 수 있습니다. 코딩된 템플릿에서 모듈을 사용하는 방법에 대해 자세히 알아보세요.

콘텐츠로 이동합니다:
- 블로그: HubSpot 계정에서 콘텐츠 > 블로그로 이동합니다.
- 웹사이트 페이지: HubSpot 계정에서 콘텐츠 > 웹사이트 페이지로 이동합니다.
- 랜딩 페이지: HubSpot 계정에서 콘텐츠 > 랜딩 페이지로 이동합니다.
콘텐츠의 이름을 클릭합니다.
설정 메뉴를 클릭하고 템플릿을 선택합니다.
이 템플릿 편집을 클릭합니다.
코드 편집기에서 지도가 표시될 위치에 서식 있는 텍스트 모듈을 추가합니다. 예를 들어

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

이 문서가 도움이 되었나요?

이 양식은 문서 피드백에만 사용됩니다. HubSpot으로 도움을 받는 방법 알아보기.