Googleストリートビューをホームページやブログに埋め込む方法

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

こんにちは。360株式会社の伊藤です。(@naruhodo_iine

Googleストリートビューは、ホームページやブログに
埋め込み表示できるのをご存知ですか?

せっかく撮影したGoogleストリートビューですから、
Googleマップ以外にも有効活用しましょう!

ホームページやブログにも掲載することで、
たくさんのお客様にアピールが可能です!

Googleストリートビュー 埋め込みのサンプル

まずは、Googleストリートビューをブログに埋め込んだサンプルです。

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

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

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

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

ちなみに、Googleストリートビュー撮影・ホームページ制作とも弊社が担当しています。

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

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

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

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

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

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ストリートビュー撮影実績はこちら

Googleストリートビュー導入店舗確認方法近くのGoogleストリートビュー導入店を確認する方法 Googleマイビジネス ビジネス情報の登録方法Googleストリートビュー撮影のメリットとは?店舗集客に役立つ理由を解説! Googleストリートビュー撮影Googleストリートビュー撮影から公開までの流れ Googleストリートビュー撮影の価格相場調査Googleストリートビュー撮影の価格相場はどれくらい?東京・千葉・埼玉・神奈川を調査! Googleストリートビュー埋め込み方法Googleストリートビューをホームページやブログに埋め込む方法 Facebookに360度写真を掲載する方法Facebookに360度写真を掲載する方法(Googleストリートビューのデータも使えます!)
Googleストリートビューの撮影会社をお探しですか?

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

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