会員サイトをリニューアルしました! 新サイトはこちら

Instagramからリンクを踏むとメインビジュアルと記事スライダーがPCレイアウトになってしまいます < 不具合報告

フォーラムをリニューアルしました!
今後は、新フォーラムをご利用ください。

Instagramからリンクを踏むとメ...
 
通知
すべてクリア

Instagramからリンクを踏むとメインビジュアルと記事スライダーがPCレイアウトになってしまいます

11 投稿
4 ユーザー
7 Likes
2,295 表示
kengo
(@kengo)
Active Member
Topic starter
 

タイトルの件について、原因がわからず投稿させていただきました。
流れは以下のとおりです。

①iPhoneのInstagramアプリから、プロフィールに記載しているURLからホームページを表示させるとメインビジュアルと記事スライダーがPCレイアウトになってしまう

■ Instagramのアカウント
https://www.instagram.com/chihiro_juku/

②ページ更新をするとスマホレイアウトに戻る

こちらの環境をお伝えします。

実機:iPhone SE2
※Android(Google pixel 3a)で確認すると問題なく最初からスマホレイアウトが表示されます

WPバージョン:5.6.1

SWELLバージョン:2.3.2

利用プラグイン:
All-in-One WP Migration
BackWPup
Contact Form 7
Google XML Sitemaps
SEO SIMPLE PACK

以上、恐れ入りますがよろしくお願いいたします。

 
投稿済 : 15/02/2021 5:40 am
しらこ
(@96ssbike)
Prominent Member
 

仰る現象については、私も確認しました。

Instagramは、Facebook, Inc.が運営するSNSなので、Facebookブラウザの影響かな?と思いましたが、そうではないようで…この特定の場合のみ発生するようです。

iPhoneでInstagramアプリを使用して上記アカウントページからWEBサイトを開く>現象発生する
以後、リロードを一度でも行うと以後は発生しない
アプリ閉じて、数時間後に再度開く>現象再発する

同じくiPhoneでFacebookアプリからWEBサイトを開く>これは発生しない

※Androidは試していませんが、おそらく投稿していただいた通り問題はないのかと思います。

にゃーん .

 
投稿済 : 16/02/2021 12:44 pm
了(開発者)
(@ryo)
Illustrious Member Admin
 

Facebook社のアプリ内ブラウザ、挙動がなんか特殊なんですよね...汗

下から出現してきたりするせいかビューポートがバグるというのがあって、Facebookに対しては以前対応コードを追加したのでているのですが、Instagramも何か変になるのかな...。

ちょっと後日じっくり検証してみます...!

 
投稿済 : 16/02/2021 2:23 pm
しらこ reacted
kengo
(@kengo)
Active Member
Topic starter
 

しらこさん、了さん、ご確認いただきありがとうございます!

なるほど、Facebook社のアプリブラウザが影響しているかもしれないのですね…

リロードすると戻るのでそこまで困ってはいなかったのですが…
でもできれば正常に表示されてほしいので、恐れ入りますがお手隙の際にご検証お願いいたします。

 
投稿済 : 16/02/2021 3:26 pm
mocce
(@mocce)
Active Member
 

気になったので私もiPhoneXでInstagramアプリを使用して上記アカウントページからWEBサイトを開きましたが、現象は発生しませんでした。(スマホ表示されました)

ちなみに自分のサイトもインスタのリンクから開くと1発でスマホ表示されます。
もしかしたらiOSやInstagramアプリのアップデートをサボってるからかな?w

以下私の環境です。

iOS:14.2(最新は14.4)

Instagramアプリのバージョン:160.1.0.31.120(最新は175.0)

役に立つか分かりませんが共有します〜

 
投稿済 : 17/02/2021 4:10 am
しらこ
(@96ssbike)
Prominent Member
 

mocceさん、ありがとうございます!
一応、私もちゃんと見習って環境を適当に書かずに書かせていただきます…!

iPhone XR
iOS 14.4
アプリバージョン 174.0(最新の175.0にアップデート後も発生)
※SafariやGoogle Chromeでは発生しません。
発生時の画像:添付の通り

にゃーん .

 
投稿済 : 17/02/2021 6:33 am
mocce reacted
kengo
(@kengo)
Active Member
Topic starter
 

@mocce さん

検証いただきありがとうございます!
もしかしたら以前のバージョンだと不具合が発生しないのかもしれませんね…

こちらのiOSとアプリのバージョンを調べたところ、

iOS: 14.3
Instagramアプリ: 174.0.0.21.119

でした。

 
投稿済 : 17/02/2021 7:11 am
mocce and しらこ reacted
mocce
(@mocce)
Active Member
 

@96ssbike しらこさん

そんな、見習うなんて…!いつも適当なのは私の方ですw

@kengo さん

インスタのみ最新にアップデートしてみましたが、現象現れず…むむむ。
iOSは日中アプデは少々ツライのでまた後ほど…。^^;

 
投稿済 : 17/02/2021 7:45 am
kengo
(@kengo)
Active Member
Topic starter
 

@mocce さん

ということはiOSが怪しい感じですね…
お調べいただき本当にありがとうございますm(_ _)m

 
投稿済 : 17/02/2021 8:02 am
mocce reacted
了(開発者)
(@ryo)
Illustrious Member Admin
 

iOS14.4のiPhone 12 mini でも再現できませんでした...!

なんだろうこれ... 

 
投稿済 : 17/02/2021 9:17 am
mocce reacted
kengo
(@kengo)
Active Member
Topic starter
 

@ryo さん、ありがとうございます!

なんなんでしょうほんと…笑
もしかしたらiOSの次のアップデートで改善されるかも…

という淡い期待を持ちながらしばらく様子見しようと思います。

 
投稿済 : 17/02/2021 1:00 pm
mocce reacted
共有: