リスティング広告の運用代行についてのノウハウやテクニックを公開します!

2017/05/10 コラム

アクセスマップにGoogleマップの機能を上手に活用する

私たちは日々、多種多様のホームページの制作していますが、サービス業のクライアント様であれば店舗案内、事業者様であれば会社案内ページにアクセスマップとしてGoogleマップを利用するケースがほとんどです。
Googleマップはスマートフォンとの相性もよいので、店舗型の業種には特に利用価値の高いサービスツールといえます。
 
今回はそんなGoogleマップをホームページやブログで更に上手に活用する豆知識をご紹介します。

 今更聞けないホームページにGoogleマップを貼付ける方法
まずは、ホームページやブログにGoogleマップを貼り付ける方法をご紹介します。

 

1.案内する場所をGoogleマップで検索する

16_1

Googleマップを開いて案内したい場所の名前(店舗名など)又は住所で検索してください。
※場所の名前はGoogleマップに登録されていることが前提となります。

 

2.場所の確認と表示位置と縮尺調整をする
検索結果のピンが目的の場所と一致しているか確認しましょう。
問題なければ、ブログなど貼り付けた時の表示の縮尺調整をしましょう。
最寄り駅やランドマークになるような施設が入るように縮尺を調整するとよいと思います。
下のマップは弊社のマップですが最寄り駅と大学が入る位置で調整しました。

16_2

3.地図の埋め込みソースコードを取得する
地図の表示調整ができたらサイドパネルの共有アイコンをクリック又は三本線のメニューから「地図を共有または埋め込む」をクリックします。

16_3

ブログ記事などに地図を直接埋め込みたい場合は「地図を埋め込むを選択」して
表示されたソーズコードをコピーします。
埋め込むマップのサイズもここで調整できます。プレビューを見ながらお好みの表示サイズに変更してください。

16_4
 

リンクで共有する場合

16_5

「リンクを共有」は地図のURLが出力されるので下記のようにGoogleマップへリンクして使いたい場合やメールなどで案内する場合に使います。
>Googleマップで地図を確認する
 
地図はこちら
http://goo.gl/maps/mt7P8AiavzF2
 
 

4.コピーしたソースコードをページに貼り付ける
掲載したいブログの記事やホームページにコピーしたソースコードを貼り付ければ完了ですが、貼り付ける際にはHTMLが編集できる状態に編集画面を切り替えてコピーしてください。
以上で埋め込み完了です。

 

【埋め込みマップのサンプル】
スリーカウント株式会社
〒430-0919 静岡県浜松市中区野口町501 2F

 ルート案内付きの地図でアクセスしやすく。
皆さんも利用した事があると思いますが、Googleマップには出発点から目的地までのルートを検索する機能があります。
このルート検索の結果を上記で紹介した地図の埋め込みと同様にブログやホームページに貼ることができます。
例えば、最寄り駅から店舗までの道筋を掲載することで、よりお客様に分かりやすく親切にご案内できる用になります。

 
 

【 ルート表示した地図を埋め込む方法 】
弊社の最寄り駅の遠州鉄道八幡駅からのルートを例にご説明します。
1.ルートを確認する
目的地(例:弊社)をGoogleマップで検索、表示します。
サイドメニューから「ルート・乗り換え」をクリックします。

16_6

表示されたルート検索画面の出発地点に最寄り駅やランドマークになる施設など
を入力して移動方法も選べますので案内に合った方法を選んでください。
ルートが表示されます。


 

2.ルートの埋め込みソースコードを取得する
サイドパネル右上の三本線のメニューアイコンをクリックしてメニューを表示します。「地図を共有または埋め込む」を選んでクリックしてください。

16_8

ルートが案内の付いたマップのプレビューとソースコードが表示されますので、
お好みの表示サイズ選んで出力されたソースコードをコピーしてご利用ください。

16_9
 

【ルート表示付きマップのサンプル】
スリーカウント株式会社
〒430-0919 静岡県浜松市中区野口町501
遠州鉄道 八幡駅から徒歩6分

 ストリートビュー埋め込めるんです。
ストリートビューも埋め込むことができます。
方法は上記のマップと同じです。 案内したい場所が分かりにくい場合などにストリートビューも添えるとよいかもしれません。
また、建物内も見ることができるインドアビューをご利用している場合もホームページなどに埋め込む事ができるので有効活用してみてはどうでしょうか?

 
 

【 ルート表示した地図を埋め込む方法 】
案内したい建物や道をストリートビューを検索して表示します。
画面左上のメニューアイコンをクリックして

16_10 16_11 

【 ストリートビュー埋め込みのサンプル】
スリーカウント株式会社
〒430-0919 静岡県浜松市中区野口町501 2F
野口郵便局 南側 煙突の見える建物の2階です。

「WEBマーケティングを活用して集客の問題を解決したい」
「ホームページの成果をもっと伸ばしたい」
「採用の問題を解決したい」
など、お気軽にお問い合わせください!