ホームページに記載されているGoogleマップを見てもピンとこない場合が良くあると思います。もっと周辺地理を調べたい!そんな時にGoogleストリートビューをホームページやブログ!もちろんアメブロに埋め込むことで「わかりやすい」案内ができたらよいですね
ここではGoogleストリートビューをホームページやブログに埋め込む方法について解説したいと思います
※自社ホームページ(スマホ時)に埋め込んだイメージ
Googleストリートビューメリット
- 利用・維持費が無料
- 周辺地図が写真の移動なのでわかりやすい
- 施設内にも利用可能(有料)
Googleマップはよく見かけますが、Googleストリートビューを埋め込んでいるHP・ブログはあまり見かけません…!なんだかプロにしかできないような高度な知識が必要そうに思いがちですが…意外や超簡単なのです。
Googleストリートビューを埋め込む方法
1. まずはGoogleマップにアクセスして、表示させたい場所を検索します。
ここでは、スパイシーベジーカレー店様を例にご案内
2. 埋め込みたい場所を指定してストリートビュー表示にします。
※表示させたいアングルに向きを合わせます。
3. 赤枠①、②画像を共有または埋め込む、をクリック。
4. ①「地図を埋め込む」をクリックし、②「HTMLをコピー」をクリックします。
5. 埋め込みたいページに、コピーしたHTMLを貼り付けます。
6. レスポンシブ(自動可変)に対応するには!?
「width=”600”」を「width=”100%”」(半角英数)に変更!!これでスマホ表示もバッチリ。
7. 完成!
まとめ
まだあまり見かけない「Googleストリートビュー」表示ですが、店舗の宣伝に他社との差別化に是非、試してみてください。