Googleストリートビューをホームページやブログに埋め込む方法【もちろん無料】

Googleストリートビューをホームページやブログに埋め込む方法【もちろん無料】

今回は、ストリートビューをホームページやブログに埋め込む方法について解説します。

せっかく撮影したGoogleストリートビュー、
Googleマップ以外でも使わないともったいないです!

ホームページやブログにも掲載することで、より多くのお客様にアピールできます。

Googleストリートビュー 埋め込み事例

ストリートビューを埋め込むとどんな感じに見えるのか?
まずは、サンプルとして弊社の撮影事例を埋め込んでみます。

『鉄板焼 お好み焼 わ』さんのGoogleストリートビュー

こちらは、新小岩にある『鉄板焼 お好み焼 わ』さんのGoogleストリートビューです。

どうでしょう?
Googleストリートビューは、360度がグルグル見回せるので、
お店の様子や雰囲気が分かりやすくなりますよね?

ホームページでも、Googleストリートビューが見れます。
鉄板焼 お好み焼 わ ホームページ

ちなみに、ロゴ制作・ストリートビュー撮影・ホームページ制作を360株式会社が担当しています。

『トランポランド東京』さんのGoogleストリートビュー

こちらは、東京板橋区『トランポランド東京』さんのGoogleストリートビューです。

Googleストリートビューは、360度をありのまま撮影するので、
屋内の様子が分かりやすくなるだけでなく、清潔感も伝わります。

ホームページは、こちらから。
トランポランド東京 ホームページ

Googleストリートビュー撮影、VR映像を360株式会社が担当しています。

Googleストリートビューの埋め込み方

それでは、Googleストリートビューの埋め込み方について説明いたします。

今回は「山梨県 弥三郎岳」のストリートビューを埋め込んでみます。
埋め込む手順は下記の6ステップです。

【Googleストリートビューを埋め込む手順】
(1)Googleマップで「場所」を表示
(2)埋め込むGoogleストリートビューを選択
(3)共有・埋め込みウィンドウを表示
(4)埋め込みタブを選択
(5)画像サイズを選択
(6)埋め込みコードをお持ちのホームページやブログに貼り付け

(1)Googleマップで「場所」を表示

まず最初に、Googleマップで「場所」検索してください。
すると、左側にいくつかの写真サムネイルが表示されます。
この写真を、どれでもいいので選択してください。
Googleマップで場所を表示

(2)埋め込むGoogleストリートビューを選択

すると、その場所に紐づいた写真一覧が左側に表示されます。
左側の写真一覧の中から埋め込みたいGoogleストリートビューを選択します。
写真の左下に円を描いた矢印マークがありますが、これがストリートビューの目印です。
埋め込むGoogleストリートビューを選択

(3)共有・埋め込みウィンドウを表示

場所表示の右側に●が縦に3つ並んだボタンがあります。
ここをクリックして下さい。
共有・埋込ウィンドウ1
すると、左のようなウィンドウが表示されます。
「画像を共有または埋め込む」をクリックすると、共有・埋め込みウィンドウが表示されます。
共有・埋込ウィンドウ2

(4)埋め込みタブを選択

共有・埋め込みウィンドウの「画像の埋め込み」タブを選択してください。
有・埋込ウィンドウ

(5)画像サイズを選択

埋め込む画像サイズを選択できます。
小・中・大の中から選択するか、「カスタムサイズ」を選択して任意の画像サイズに調整してください。] 画像サイズ選択

(6)埋め込みコードをお持ちのホームページやブログに貼り付け

画像サイズを入力後、埋め込みコードをコピーして、
ホームページのHTMLファイルや、ブログにHTML形式で「貼り付け」すると、
ホームページ・ブログでストリートビューを表示できます。
埋め込みコード_Googleストリートビュー

埋め込みサンプルとそれぞれのサイズ

サイズ「中」で埋め込んでみました。
サイズ中は横600pixel 縦450pixelです。

それぞれのサイズについては、下記にまとめました。

埋め込みサイズ表
「小」 横:400pixel,  縦:300pixel
「中」 横:600pixel,  縦:450pixel
「大」 横:800pixel,  縦:600pixel

まとめ

今回はストリートビューをホームページやブログに埋め込む方法について解説しました。

Googleストリートビューを、ホームページやブログに埋め込むことで、
屋内の様子を、たくさんのお客様にアピールできます。

せっかく撮影したストリートビューですから、いろいろな場所で有効活用してください!

Googleストリートビューの撮影会社をお探しですか?

Googleストリートビュー撮影でしたら、360株式会社にお任せください
Google認定フォトグラファーが、最新の専用カメラで撮影いたします。
撮影データも完全譲渡するので、Facebookにも360度写真がご利用頂けます。

Googleストリートビュー撮影サービス概要