メディア – マップ
Map コンテンツタイプを使用して、Google Maps Platform から Page Builder stage にマップを追加します。 例えば、あるブロックにマップを追加し、そのブロックを 会社情報ページと お問い合わせページに追加できます。
Google Maps Platform を最大限に活用するには、マップをカスタマイズし、店舗の場所を強調表示し、GooglePlaces を使用して、店舗に関する豊富な情報をすべての Google Maps ーザーに追加します。
Google マップを埋め込むメリット
-
サイト上で、ビジネスに関する情報（電話番号、web サイト、レビュー、星評価など）の完全な範囲を購入者に提供します。
-
Googleの地図は通常、近くの観光スポット、公園、レストランなどを強調します。 この情報は、顧客が物理的な場所を特定し、旅行を計画するのに役立ちます。
-
新しいブラウザーウィンドウを開いてサイトを離れることなく、顧客が物理的な店舗の住所を簡単に見つけられるようにします。
-
実店舗のチェーンがある場合は、サイトにGoogleマップを追加すると、ハイライトされた商品の形でブランドの認知度と信頼性を高めるのに役立ちます。
NOTEマップツールボックス
マップコンテナにポインタを合わせると、マップツールボックスが表示されます。
| ツール | アイコン | 説明 |
|---|---|---|
| 移動 |
 | マップをステージ上の別の位置に移動します。 |
| （ラベル） | Map | 現在のコンテンツコンテナをマップとして識別します。 マップコンテナの上にマウスポインターを置くと、ツールボックスが表示されます。 |
| 設定 |
 | マップの編集ページが開き、マップとコンテナのプロパティを変更できます。 |
| Hide |
 | 現在のマップを非表示にします。 |
| 表示 |
 | 非表示のマップを表示します。 |
| 複製 |
 | マップをコピーします。 |
| 削除 |
 | ステージからマップを削除します。 |
NOTE管理者の Google Maps の設定
マップを追加する前に、まず Google Maps Platform の無料体験版 アカウントを開く必要があります。 無料トライアルは 12 ヶ月間続き、300 ドルのクレジットが含まれています。 クレジットを使い果たした場合、Googleはユーザーの許可なくアカウントに請求することはありません。
手順 1:Google Maps API キーの取得
Google Maps キーが既にあるかどうかに応じて、次のいずれかの手順を使用して、設定に必要な API キーを取得します。 Google Maps キーを設定するには、アカウントの請求を有効にする権限を持つサイト管理者である必要があります。 Google Maps Platform アカウントを設定する準備が整っていない場合は、この手順をスキップして、今のところプレースホルダーマップを使用できます。
-
Google Cloud Platform コンソールに移動します。
-
「プロジェクト」ドロップダウンをクリックし、API キーを追加するプロジェクトを選択または作成します。
-
API 資格情報を設定するには、Google Maps のドキュメントの 手順に従ってください。
-
API キーをクリップボードにコピーします。
手順 2:Commerce で Google Maps を設定する
-
管理者 サイドバーで、Stores/Settings/Configuration に移動します。
-
General の下の左パネルで、「Content Management」を選択します。
-
コンテンツ管理の詳細ツールの設定オプションについて詳しくは、 設定リファレンスガイドを参照してください。
-
Google Maps API Key：手順 1 でコピーしたキーを貼り付けます。
-
「Test Key」をクリックします。
キーに問題がある場合は、Google Maps Platform サイトに戻って問題を解決してください。 その後、もう一度試してください。
-
キーが確認されたら、「Save Config」をクリックします。
ステージへのマップの追加
-
Page Builder ワークスペースに対してページ、ブロック、またはダイナミック ブロックを開きます。
-
Page Builder パネルで Media を展開し、Map プレースホルダーをステージにドラッグします。
Google Maps Platform がストア用に設定されている場合は、ストアの場所のマップが表示されます。
Google Maps Platform がまだストアに設定されていない場合は、代わりにプレースホルダーマップが表示されます。
カスタムマップの場所の追加
-
マップコンテナにカーソルを合わせてツールボックスを表示し、設定 （
-
Edit Map ページの右上隅にある「Add Location」をクリックします。
-
マップ上のピンに関連付ける Location Name を入力します。
-
カスタム位置に使用する位置座標を収集します。
または、Position のボックスで、表示されたマップ内のピンをドラッグすることもできます。
必要に応じて、新しいブラウザーウィンドウで Google Maps に移動し、次のいずれかの方法を使用して座標を取得します。
メソッド 1: URL からコピー
-
左上隅の Search ボックスにアドレスを入力し、「検索」（
-
URL の座標をコピーしてメモ帳に貼り付けます。
方法 2: 「What's here?」からコピーする。
-
マップ上の位置を示す赤いピンを右クリックし、メニューから [What’s here?] を選択します。
-
表示されたラベルで、座標を含むテキストをコピーし、メモ帳に貼り付けます。
-
-
Coordinates の各ボックスに、番号をコンマなしで入力します。
また、マップ上で使用可能にする残りの情報を入力することもできます。
-
マップの場所に関連付ける他の情報を入力します。
オプション 説明 Phone Number 所在地の電話番号。 Street Address 場所の住所。 City 場所の市区町村。 Region/State 場所の地域または州。 Zip/Postal Code その場所の郵便番号。 Country 場所の国。 Comment 含めるコメント。 -
完了したら、「Save」をクリックします。
新しい位置がマップおよび Edit Map ページのマップ位置グリッドに表示されます。
