GoogleマップAPIキーをストアに追加する方法(OS 3.0テーマ対応)
Google Maps APIキーを使用すると、Mapパーツを使ってストアフロントに店舗のロケーションのインタラクティブな地図を表示できます。地図があることで、顧客は店舗の実際の場所をすばやく見つけ、道順を確認し、営業時間をチェックできるため、信頼を築き、店舗への来店を促進します。
このガイドでは、Google Maps APIキーの登録方法、ストアページへのMapパーツの追加方法、および地図が正しく表示されるようにキーを適用する方法について説明します。
Google Maps APIキーを追加するための前提条件
開始する前に:
- Googleアカウント(Google Maps Platformの登録に使用)
- Google Maps Platformで有効な課金アカウント。これはプラットフォームを使用するための必須条件です。料金が発生するタイミングの詳細については、「Google Maps Platformの料金と課金に関するドキュメント」を参照してください。
Google Maps PlatformでGoogle Maps APIキーを登録する
Google Maps PlatformでGoogle Maps APIキーを登録するには:
- Google Cloudコンソールにアクセスし、プロジェクトセレクターページから新しいプロジェクトを作成するか、既存のプロジェクトを選択します。
-
プロジェクトで課金が有効になっていることを確認します。これはGoogle Maps Platformの必須条件です。
注:詳細については、「Google Maps Platformの料金と課金に関するドキュメント」を参照してください。 - Maps APIライブラリページに移動し、使用する予定の特定のAPI(例:Maps、Routes、またはPlaces API)を有効にします。
- Google Maps Platform > 認証情報ページに移動します。
- 認証情報を作成 > APIキーをクリックします。
- 確認ダイアログまたは認証情報ページのAPIキーの下から新しいAPIキーをコピーします。
|
注:
|
オンラインストアにマップパーツを追加する
マップパーツの追加とAPIキーの申請は同じ場所、テーマエディターで行うため、以下の手順は前回の続きから進めてください。
マップパーツの追加
ストアのページにマップを追加するには:
- SHOPLINE管理画面から、オンラインストア > デザインに移動します。
- 編集したいOS 3.0テーマのデザインボタンをクリックします。
- マップを追加したいページを選択し、+ パーツを追加をクリックして、パーツリストからマップを選択します。
| 注:OS 3.0テーマでは、マップパーツはほとんどのページに追加可能ですが、チェックアウトページには追加できません。 |
マップパーツにAPIキーを入力する
ページにマップを表示するには:
- マップパーツを選択した状態で、サイドパネルのGoogle Maps APIキー欄にGoogle MapsのAPIキーを貼り付けます。
- ストアの座標を緯度・経度を入力欄に、51.30,0.7の形式で入力します。座標はGoogle Mapsでストアのロケーションを開き、ページのURLからコピーできます。
- 保存をクリックして変更を公開します。
ストアフロントでマップをプレビューする
設定が完了すると、ページにストアのピンが表示されたマップが表示され、顧客が閲覧したり、ルート案内を取得したりできるようになります。
この記事はAIを使用して翻訳されており、不正確な部分が含まれている可能性があります。最も正確な情報については、元の英語版をご参照ください。