グーグルインドアビューの埋め込み方法

グーグルインドアビューの埋め込み方法を教えてくれっという質問がありましたので書かせていただきます。

Googleインドアビュー【ストリートビュー店内】を当社のようなGoogleストリートビュー認定フォトグラファーか、Googleインドアビューパートナー代理店で撮影してもらった360度パノラマ写真をストリートビューアプリからアップロードしてもらい、Googleマップ上でみることができる状態になっているという事を前提としてお話を進めていきます。

今回は【足立区のやすらぎ整骨院】のインドアビューを拝借してインドアビューの埋め込み方法をお伝えします。

 

①グーグル検索で足立区 やすらぎ整骨院 と検索する

 

 

②検索窓の下の地図というタグをクリックする

 

 

③グーグルマイビジネスの左下と真ん中のサムネイル 渦巻矢印があると思いますのでクリックする。今回は左下のサムネイルの渦巻きをクリック。

 

④左上の黒バナーに広告会社 グリとシロ とでていますね。その横の3つの●をクリックする

 

 

⑤白いバナーが出ますので一番下の【画像を共有または埋め込む】をクリックする。

 

⑥リンクを共有 ・ 画像の埋め込み と出てきます。 メールなどでリンクを教えたいときは【リンクを共有】を選びでてきたURLをコピペすればOK

 

 

⑦ブログやWEBサイトにグーグルインドアビュー埋め込みたい時は、画像の埋め込みを選びそのコードをコピペすればOK。サイズも小・中・大・カスタムサイズと選ぶことができます。

 

 

レッツ、インドアビュー埋め込み!!

実際にこの記事に埋め込んでみましょう(^^)/

貼るコードは↓↓↓になります

<iframe src="https://www.google.com/maps/embed?pb=!1m0!3m2!1sja!2sjp!4v1488508156507!6m8!1m7!1sF%3A-99OCXzdSKUs%2FWJ2LNHImSxI%2FAAAAAAAAAKM%2F1hdcLtyLwHIDwQm13qZwFebfDyUCJ-H7ACLIB!2m2!1d35.78132208571822!2d139.765537083149!3f13!4f0!5f0.7820865974627469" width="600" height="450" frameborder="0" style="border:0" allowfullscreen></iframe>

 

ちちんぷいぷい インドアビューよ見れるようになれ~~~~~~~~~~~~~~~~~

どうです??  見れてますか??

 

インドアビューで店内の好きなところを見せる方法

補足ですが、例えばWEBサイトに玄関のインドアビューを見せたいなら、見せたいところの埋め込みコードをとればその場所が表示されます。

 

<iframe src="https://www.google.com/maps/embed?pb=!1m0!3m2!1sja!2sus!4v1488509609569!6m8!1m7!1sF%3A-yOCoYYqi-0c%2FWJ2MmzOL4zI%2FAAAAAAAAAKk%2FWRf7faOwiJwWTVn8rYf1hFo8TuhucktpwCLIB!2m2!1d35.78128754244023!2d139.7654945030808!3f6.2!4f3.0999999999999943!5f0.5970117501821992" width="600" height="450" frameborder="0" style="border:0" allowfullscreen></iframe>

このコードを張ると↓↓のインドアビュー表示になります

 

<iframe src="https://www.google.com/maps/embed?pb=!1m0!3m2!1sja!2sus!4v1488509644391!6m8!1m7!1sF%3A--oV6WrVhZlk%2FWJ2L-DrCHpI%2FAAAAAAAAAKI%2F3uJ_eOCWveYJuZkD4EJf3v_UpeNYTh44QCLIB!2m2!1d35.78130467808393!2d139.7655337303877!3f244.18!4f-6.709999999999994!5f0.5970117501821992" width="600" height="450" frameborder="0" style="border:0" allowfullscreen></iframe>

このコードを張ると↓↓のインドアビュー表示になります

 

よく見るとコードが違うので見せたい場所のコードを埋め込むことで、好きな場所からインドアビューをスタートさせることができるのです。

もちろん当社でWEBサイト制作までお任せいただければこんな手間はいりませんからね~、ちょっと宣伝です(^^)/

 

既存のWEBサイトに張りたい方は、管理してくれているWEB制作会社にお願いしてみてください。

ワードプレスを利用しているサイトは、ビジュアルモードでなくテキストモードで埋め込むこともお忘れなく!

インドアビュー撮影まだしてないよ~って方は下記フォームから是非お問い合わせくださいm(__)m

まんがいち指が滑っていいねなど各種SNS拡散していただけれ泣いて喜んじゃいます(;O;)

 
おすすめの記事