サイトの記事に地図を表示すると、スマホで所在地やルート情報をかんたんに確認できるためユーザーの利便性や満足度が向上します。
Googleマップは無料でかんたんにWebサイトへ設置できるため、未設置の場合はぜひ設置することをおすすめします。
この記事ではWordPressサイト上にGoogleマップを設置する手順を紹介します。
今回実施すること
Googleマップで設置したい地図を表示する
Googleマップを起動し、Webサイトに設置したい場所を表示します。
Googleマップで埋め込みコードをコピーする
- 埋め込み用のタグが表示されるので、「HTMLをコピー」をクリックします。
- Googleマップ上で表示された場所にある「共有」をクリックします。
- 「地図を埋め込む」タブをクリックします。
- 埋め込む地図のサイズは4種類から選べます。
WordPressの記事にコードを貼り付ける
- 編集画面に左上ある「＋」ボタンをクリックし、
- ウィジェットカテゴリの中にある「カスタムHTML」ブロックを選択します。
- 編集画面に追加された「カスタムHTML」ブロック内に、コードを貼り付けます。
結果を表示する
結果は、このように表示されます。
コメント