実践的なデジタルの知識を体系的に学ぶ

本サイトについて掲載・取材等のお問い合わせ

解析ツール

ミンウェブ

オウンドメディアライブラリ

ミンウェブニュース

ミンウェブ辞書

運営：株式会社セルリア

ビジネスを成功へと導くWebコンサルティング・インターネット広告・Web制作を提供する会社です。

企業情報

サービス一覧

オウンドメディア制作

Webサイト制作・リニューアル

SEOコンサルティング

Webサイト課題診断

【実践】GoogleストリートビューをWebサイトに埋め込む方法

Googleストリートビューはグーグルが提供する「ある場所を実際に歩いているかのような体験ができるサービス」です。今回はそんなGoogleストリートビューをWebサイトに埋め込んで、わかりやすく視覚的に情報を伝える方法について解説していきます。

更新： 2022/10/25

カテゴリ：

Googleマップを自社のホームページに埋め込んでいるのはよく見かけますが、Googleストリートビューも埋め込むことができることはご存知ですか？

Googleストリートビューを埋め込むことで、地図よりもよりリアルなイメージを持ってもらったり、ホームページをおしゃれに見せたりすることができます。

今回はそんなGoogleストリートビューをホームページに埋め込む方法について詳しく解説していきます。

Googleマップの埋め込みについては【画像で解説】Googleマップをコピペだけで簡単にサイトに埋め込む方法で紹介しています。

Googleストリートビューを埋め込むとどうなる？

Googleストリートビューを埋め込んだ際のサンプルをご紹介します。

夜の東京タワーです。

こちらは夜のスカイツリーです。

それぞれ自由にアングルを変えることができるため実際にその場所に訪れたような気分になれます。

自社の紹介やお店の紹介をする場合は、このGoogleストリートビューの埋め込みが効果的です。

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

早速埋め込む方法をご紹介します。今回は東京都庁を例にしてご紹介します。

①Googleマップで埋め込みたい場所を検索します。

②該当する項目をクリックします。

③画像をクリックします。

④ストリートビューと360°ビューをクリックします。

⑤お好みの画像を選択しホームページに掲載したいアングルを表示します。

⑥「地図を埋め込む」をクリックし、サイズを選択後「HTMLをコピー」を選択

⑦ウェブサイトやホームページにコピーしたコードを埋め込む

埋め込みがうまくいくと下記のようになります。

自由にアングルを変更できるのでイメージが伝わりやすくなります。

Googleストリートビューを使って伝わりやすいサイトを作ろう

今回紹介した方法でGoogleストリートビューを埋め込むことで、自社のイメージや店舗のイメージが伝わりやすくなります。

そのほかにも綺麗な景色を紹介したり、お気に入りのスポットを紹介するなど様々な場面で活用することができるため、埋め込む方法を覚えておきましょう。

その他、同じような話題で以下も取り上げていますので、よろしければご覧ください。

最後までお読みいただきましてありがとうございます。ご意見・ご要望などございましたら、
以下のフォームよりお問い合わせを受けつけておりますので、よろしければご利用ください。

記事に対するご意見・ご要望フォーム

minweb編集部（株）セルリア

”共に考え、共に創るWebの成功戦略”というスローガンのもと、お客様と一からWeb戦略を考え、
企画し実装まで支援する伴走型Webコンサルティング会社です。

こちらの記事をお読みのかたにおすすめ！完全無料のダウンロード資料

無料でできるWebマーケティング11選 <MIDORIBON>

ダウンロード資料画像

Webマーケティングに取り組もうとしている方に向けて、無料で利用できるWebマーケティングに役立つツールを9つ集めました。ツールの始め方からWebマーケティングに利用するメリット、実践的な活用方法まで解説します。

コストをかけずにまずはWebマーケティングに取り組んでみたい思いの方にぴったりの一冊です。

【全3種】他の資料もチェックする

無料で資料をダウンロードする

運営会社

セルリアのロゴ

Web制作・広告・コンサルティングのセルリア

集客力を強化するWeb制作

オウンドメディア制作・立ち上げ

SEOコンサルティング・内製化

無料Webサイト課題診断

コーポレートサイトへ

人気の記事TOP20

今週

今月

全て