Google 지도 API 키 등록

테마에 지도 섹션을 추가하여 업체 위치를 표시할 수 있습니다. Shopify의 무료 테마에는 대부분 홈 페이지에 추가할 수 있는 지도 섹션이 포함되어 있습니다.

지도를 표시하려면 Google 지도 API 키를 등록한 다음 테마 편집기에서 지도 섹션 설정에 포함해야 합니다.

Google 지도 플랫폼 사용

Google API를 사용해 테마에 지도 섹션을 추가하면 Google 지도 플랫폼 서비스 약관에 동의하게 됩니다.

2018년 6월 11일에 Google 지도 플랫폼에서 Google 지도 API 구성 및 사용 방법과 관련한 여러 가지 사항이 변경되었습니다. 이러한 API를 사용하려면 Google 지도 플랫폼에 청구 계정을 설정해야 합니다. 서비스를 한도까지 사용할 수 있도록 월간 크레딧이 지속적으로 제공됩니다.

가격 책정에 대한 자세한 내용은 Google 지도 플랫폼 가격 책정 및 청구 문서를 참조하십시오.

Google 지도 API 키 등록

Google 지도 API 키를 등록할 수 있습니다.

단계:

  1. Google 지도 플랫폼 페이지로 이동하여 시작하기를 클릭합니다.

  2. 무료 테마 지도 섹션을 사용하는 데 필요한 API를 얻으려면 지도, 경로장소 제품을 선택하십시오.

  3. 계속을 클릭합니다.

  4. 새 이름을 생성하거나 기존 프로젝트를 선택합니다.

  5. 서비스 약관에 동의한 후 다음을 클릭합니다.

  6. Google 지도 플랫폼에서 청구 계정을 생성합니다. 새 Google 지도 플랫폼에서는 청구 계정을 생성해야 합니다. 자세한 내용은 Google 지도 플랫폼 가격 책정 및 청구 문서를 참조하십시오.

  7. Google 지도 플랫폼을 사용하도록 설정한 후 새 Google 지도 API 키를 클립보드에 복사합니다.

테마에 Google 지도 API 키 추가

테마에 Google 지도 API 키를 추가할 수 있습니다.

단계:

  1. 편집할 테마를 찾은 다음 사용자 지정을 클릭합니다.

  2. 섹션을 클릭합니다.

  3. 섹션 추가를 클릭합니다.

  4. 지도 > 추가를 클릭합니다.

  5. 지도의 정보를 입력합니다. Google 지도 API 키 필드에 Google 지도 API 키를 붙여넣습니다.

  6. 저장을 클릭합니다.

Google 지도 플랫폼 API와 통신하는 과정에 오류가 발생하면 테마 편집기에서 지정한 배경 이미지나 색상으로 지도가 대체됩니다.

스토어에서만 API에 액세스할 수 있도록 제한

Google 지도 플랫폼에서는 API 액세스 제한 여부를 묻는 메시지가 표시됩니다. API 키는 지도 섹션의 고유 식별자로, 지정된 도메인에서만 API 키에 액세스할 수 있도록 제한하여 다른 사용자의 API 키 사용을 차단할 수 있습니다.

여러 웹사이트를 입력하여 API 액세스를 제한하는 예제

단계:

  1. Google API 자격 증명 페이지로 이동합니다.

  2. 메뉴에서 프로젝트를 선택합니다.

  3. 편집을 시작하기 위해 생성한 API 키를 선택하십시오.

  4. 애플리케이션 제한 아래에서 HTTP 참조 페이지(웹사이트)를 클릭한 다음 .myshopify.com 도메인을 포함하여 스토어와 연결된 도메인을 입력합니다. 예를 들어 사용자 지정 도메인이 있다면 https://myCustomDomain.com/*https://shop1.myshopify.com/*를 모두 입력합니다.

  5. 저장을 클릭합니다.

Google 지도 플랫폼 대신 사용할 수 있는 기능

Google 지도 플랫폼 서비스를 사용하지 않고 웹사이트에 지도를 표시하려는 경우 페이지에 포함형 지도를 배치할 수 있습니다.

포함형 지도에서 사용하는 HTML <iframe>은 서식 있는 텍스트 입력 필드를 제공하는 모든 페이지나 홈페이지 섹션에 배치할 수 있습니다.

Shopify와 함께 사업을 시작할 준비가 되셨습니까?

무료 체험