ストリートビュー撮影と公開にまつわるお話（その６）

Facebookでストリートビューを楽しむ方法

撮影と公開を進める中で気が付いたことを書き綴る第六弾は、「グーグルマップの共有リンクをFacebookのiPhoneアプリで開く時」について考察します。心当たりのあるビジネス・オーナー様の参考となれば幸いです。Google マイビジネスをご利用中のビジネス・オーナー様向けに、施設内のストリートビューを手軽に低価格で導入できる「Googleマイビジネス向け特別プラン」を提供中！

Facebookでストリートビューを楽しむ方法

デスクトップ版又は、Android版のグーグルマップから共有リンクを取得することで、この問題は解決しました。（iOS版マップの共有リンクはブラックアウトする現象あり）

「あなたはiPhoneで何をしますか？」　この問いに対して「Facebookで仲間とワイワイ楽しみます。」という答えは多いでしょう。それとも、Facebookに買収されたInstagramですか？

IKOMA360 Official Blog

インスタグラム(Instagram)の活用方法

https://ikoma360.official.jp/blog/how-to-use-instagram/

How to Use Instagram「Googleマイビジネス向け特別プラン」で提供するSNS用投稿画像をInstagramに活用する方法を提案します。 toyofujitaさん(@ikoma360)がシェアした投稿 - 2017 11月 9 2:07午前 PST 発信ツールとして注目されるインスタグラム先日撮影の際に、「インスタグラムへ投稿できますか」とのご質問をいただきました。キャンペーンが始まって、撮影画像の中からSNS投稿用の画像を提供しています。特に、Facebook ビジネス・ページを運用されているビジネス・オーナー様を想定していました。 Facebook投稿画面Facebookでは...

IKOMA360では、Googleマイビジネスをご利用の方にFacebookやInstagramなどのSNSサービスと併用することをおススメしています。撮影した画像の中から、SNS投稿用画像として3枚までを提供いたします。

宣伝はさておき、iPhone版Facebookアプリでストリートビューのリンクをタップすると、目的の画像にたどり着けません。これにはコマッタ。見る側のユーザーだけでなく、見せる側のビジネス・オーナーにとっても頭が痛い。

iPhoneのFacebookとグーグル・マップは犬猿の仲？

そこで、IKOMA360ではこの問題についての状況を調査し、当面の回避策を模索することにしました。完全解決には、GoogleとFacebookの双方でアプリ機能の改善（アップデート）を必要とします。これは楽な道のりではありません。

問題の状況を調査セヨ

※以下の問題は、Windows版及びMac版などデスクトップ版Facebookでは発生いたしません。

図.1

iOS版 Facebookアプリ Ver.237.0

Facebookアプリは定期的にアップデートを提供しており、この記事を書いている段階で、アプリのバージョンは、~~188.0~~237.0(2019.09.09)となっています。グーグル・マップの共有リンク付きで写真や動画を投稿可能です。ストリートビューへの共有リンクを活用することで、平面写真を立体的に見せるなど、いろんな使い方が可能です。

ハッシュタグ下に記載したURLは、投稿画像の場所で撮影したストリートビューへの共有リンクです。

図.2

iOS版 Facebookアプリ Ver.237.0

タップして見ると、Facebookアプリのブラウザで表示されているのは、道路上のストリートビューでした。「いやいや、これじゃないよ」 「共有リンクの取得を失敗したのか？」　この現象に多くのユーザーが頭を抱えておられます。とりわけ見せる側にとっては、とても深刻な問題なのです。

※調査結果
Facebookアプリ内の投稿欄で任意のストリートビューへのリンクをタップすると、Google社公式のストリートビュー（道路上）へ強制的に飛ばされる。

※共有リンクの取得方法は、以下の記事を参考にしてください。

IKOMA360 Official Blog

ストリートビュー画像の活用方法「画像の埋め込み」について

https://ikoma360.official.jp/blog/streetview-embed/

ストリートビュー埋め込みコード活用法緊急告知(2018.09.22)iPhone5S以降の端末をご利用の方は、不具合の解消されたiOS12.xへのアップデートをお願いします。スムーズに操作可能となっています。ストリートビュー画像の活用方法として、外部サイト（ブログなど）への埋め込み表示について考察します。はたして、埋め込みとは？"iframe"というHTMLのタグを利用すると、ページ内に窓枠を作って他のサイトなどの一部を表示させることができます。この機能を利用したのが、上掲のストリートビュー画像です。まるでページ...

Android版 Facebookアプリの対策

AQUOS Sense2 SH-01L(Android 9.0) にて検証しました。

図-3.1

Android版 Facebookアプリ Ver.237.0.0.44.120

Facebookアプリを立ち上げ、右上の三線マークをタップします。「設定とプライバシー」の項目横に表示される下向き矢印をタップすると、その中に「設定」を見つけることができるでしょう。

図-3.2

Android版 Facebookアプリ Ver.237.0.0.44.120

設定の項目を下へスクロールして、「メディアと連絡先」をタップ。（ここまでたどり着くのは至難の業？）

図-3.3

Android版 Facebookアプリ Ver.237.0.0.44.120

項目の中から、「リンクを外部で開く」をオンにします。デフォルトでは無効になっていると思われます。※共有リンクをタップすると自動的にGoogle Mapsアプリを起動するようになります。※Facebookに戻るには、Mapsアプリを閉じてください。

iPhone版Facebookアプリで任意のストリートビューを表示しない問題を回避する方法

この問題のムツカシイところは、ほぼiPhone(iOS)版に限定される問題であると同時に、日本ではiPhone人気が高くて、二人に一人ぐらいの割合であること、特に女子に人気のスマホであることです。※オッサンはモノを買わないとは言いません。

NewsInsight

なぜ日本ではiPhoneのシェアが圧倒的に高いのか

https://biz.news.mynavi.jp/articles/-/1751

それでは、iPhoneでFacebookアプリを使う際に、見る側の対策と、見せる側の対策に分けて考察しましょう。
※iPhone XR MT002J/A(iOS 12.4.1)にて再検証しました。

見る側の対策

見る側の対策は、一連の流れを「手早く・確実に」行うこと。グズグズしていると賞味期限切れになってしまいます。

Step.1

iOS版 Facebookアプリ Ver.237.0

Google Mapsの共有リンクをタップすると、下からFacebook Mobile Browserが開いて、Google社撮影の道路上ストリートビューを表示します。このブラウザ（子画面）は上下に稼働します。その右上にある横向き三点マークをタップします。※縦向きの三点マークと間違わないようにしましょう。

Step.2

iOS版 Facebookアプリ Ver.237.0

図のようなメニュー画面を表示します。ここで、「Safariで開く」をチョイスしてタップしましょう。SafariからGoogle Mapsアプリへ情報を転送して、目的のストリートビュー画像を表示してくれますよ。

Step.3

iOS版 Facebook ver.208.0

タップするとiPhoneにインストールしたGoogle Mapsアプリを起動し、リンク先の画像を読み込み開始。しかし、ここで注意！Step.1-2の操作を素早く行ってください。「サーバーに接続できません」と出たら、最初からやり直し。※失敗した場合は、ブラウザを閉じて最初からやり直してください。

※Facebookアプリのブラウザ内では、道路上のストリートビューへ強制的に飛ばされる仕様です。

ネットワーク環境などの違いにより、画像の出現まで歯車がクルクル回ります。辛抱しましょう。あと、もうちょいです。IKOMA360のFacebookページでお試しの方は、上の埋め込みウィンドウに表示中の画像に辿り着きます。

見せる側の対策

見せる側とは、IKOMA360のようなストリートビューを「飯の種」にしている業者と、その業者に依頼してストリートビューを公開なさったビジネス・オーナー様を指しています。即ち、皆さまです。

「見る側」の対策をお客様に説明できますでしょうか？　何とか自分はやってみることができても、説明はなかなか骨の折れる作業だったりします。もちろん、IKOMA360ブログの記事をご紹介くださっても結構です。リンクはご自由にどうぞ。

Step.4

iOS版Facebookアプリ

「そんなバナナ」と言うワケで、見せる側の対策をバッチリ伝授いたします。再びiPhone(iOS)版Facebookアプリの投稿画面を見てください。共有リンクはグーグル・マップ発行ではなく、URL短縮サービスのBit.lyを使用しました。

Step.5

デスクトップ版Google検索

パソコンまたはMacのグーグル・検索でGoogleマイビジネスの情報カードを表示します。次に、「写真を表示」をクリックして写真一覧を表示しましょう。

Step.6

デスクトップ版Google検索

画像一覧の「360°ビュー」を選択し、共有したい画像を選んで右側に表示します。※「メニュー」など多数のタブに分かれている場合は、「Tabキー」を押下して右端まで移動してください。

Step.7

デスクトップ版Google検索

オムニバーに表示されている長いURLを全選択してコピーします。

Step.8

URL短縮サービスBit.ly

長いURLをそのまま貼り付けても大丈夫ですが、短くまとめる方が体裁もよく。Bit.lyにユーザー登録すると、アクセス数などのチェックが可能となります。

※Bit.lyに長いURLをペーストすると、タイトルに"Report inappropriate..."と表示される場合があります。管理上の見分けを付けるため、適宜書き換えを行いましょう。外にはでないので、そのままでも問題はありません。
Facebookでストリートビューを楽しむ方法

Step.9

iOS版 Facebookアプリ Ver.237.0

さて、この短縮URLをiPhoneのFacebookアプリでタップしてみましょう。現在のバージョンでは、個別の画像に直行せず、一旦、「360°ビュー」の画像一覧を表示するようです。恐らくGoogle側での仕様変更でしょう。ワンクッション必要ですが、それでも、ちゃんと枠内に矢印付きのストリートビュー画像を表示しています。Elevator Widgetを表示しないのは、iOS版の悪い癖を引き継いでいるからですね。