Googleストリートビューはお店のホームページやブログで簡単に表示することが可能です。
この機能を活用して、しっかりお店をPRしましょう。

Googleストリートビューの埋め込み機能とは？

通常GoogleストリートビューはGoogleマイビジネスとGoogleマップで表示できますが、“埋め込みコード”を取得し、そのコードをお店のホームページやブログの投稿に入力（埋め込み）することで、360度のパノラマ画像を表示できます。
但し、この“埋め込みコード”の取得はデスクトップパソコンのみで、スマートフォンからコードの取得はできません。（2019年3月現在）

“埋め込みコード”はGoogleマップから取得します。まず検索エンジンで「Googleマップ」と検索するか、GoogleChromeならアプリボタンからGoogleマップへ移動する。

1-1.Googleマップから検索する。

Googleマップの検索窓から目的の店名や住所を入力し検索する。

1-2.360度アイコンの付いたサムネイル画像をクリックする。

画面左、ナレッジパネルにある「写真」から360度アイコンの付いたサムネイル画像をクリックする。

1-3.表示したい画角（上下左右の向き）を決める。

360度パノラマが大きく表示されるので、ホームページやブログで表示したい360度パノラマの画角（上下左右の向き）を決める。

埋め込み手順2：埋め込みウィンドウの表示

画面左上、「︙」（縦の三点リーダー）をクリック。表示されたプルダウンから「画像を共有または埋め込む」を選択。
すると、画面中央に「共有」ポップ画面が表示され、下記2つタブを選択できる。
今回は“地図を埋め込む”を選択する。

2-1.“リンクを送信する”タブ

主に電子メールの本文にこのコードを貼り付けて使用する。このリンクをコピーしてメール本文にペーストすると、Googleマップへのリンクが完成する。
リンクをクリックすると、Googleマップへ移動し、360度パノラマが表示される。

2-2.“地図を埋め込む”タブ

ホームページやブログで360度パノラマを表示するための埋め込みコード（スクリプトタブ）。このコードをホームページやブログに埋め込むと360度パノラマが表示される。

埋め込み手順3：表示サイズの選択

ホームページやブログの表示エリアに合わせてサイズを選択する。サイズは下記の４つから選択する。
デフォルトでは、“中”サイズが選択できるようになっているが任意のサイズに変更可能。

3-1.小（横400pixel×縦300pixel）

3-2.中（横600pixel×縦450pixel）

3-3.大（横800pixel×縦600pixel）

3-4.カスタム（任意）

サイズを決めたら、“HTMLをコピー”をクリック。すると埋め込みコードがクリップボードにコピーされる。

埋め込み手順4：埋め込みコードをホームページやブログに貼り付ける

コピーした埋め込みコードをホームページやブログの所定の箇所に埋め込む（ペーストする）。

4-1.自サイトのホームページ（Webサイト）の場合

HTMLの知識が必要。Web担当者へ“埋め込みコード”を渡して対応してもらおう。

4-2.ブログの場合

WordPress（ワードプレス）や無料のブログサービスの場合は、管理画面の“本文の投稿”に、この埋め込みコードをペーストし保存や公開ボタンをクリック。
セットが正しければ、ページを表示すると投稿画面に360度パノラマが表示される。
正しく表示されない場合に考えられる原因は、埋め込みコードが正しくコピーまたはペーストされなかったか、利用のブログが、“埋め込みコード”に対応していない可能性がある。

まとめ

意外と知らないGoogleストリートビューの埋め込み表示。
360度パノラマをホームページやブログに埋め込むことで、 効果的なお店のPRが可能となる。 ぜひ活用してください！