facebookメッセンジャーで送ったURLのリンクをクリックしてもHPが正しく表示されない問題と解決方法

  • このエントリーをはてなブックマークに追加

facebookメッセ―ンジャーでURLが上手く開けないという問題が知人のサイトで発生して相談を受けました。
無事にわりとすぐ解決できたのでメモを残しておきます。

リンクをクリックするとfacebookページやfacebookのいいねボタンのみが表示されてしまう現象

今回の問題について。
facebookメッセンジャーを使って、人にHPのURLを送った(受け取った)際に、クリックして開こうとするものの、正しく開けませんでした。
開こうとするとURLの正しいサイトではなく、そのサイトに埋め込まれてあるfacebookページやfacebookのいいねボタンのみが表示される、というものです。

↓これはいいねボタンのみ表示されたバターン。

この相談を受けて、色々状況把握をしてわかったことは

  • androidでは問題なく開けた(機種によっては違うかもしれません)
  • iOSでは上記のようにエラーになった
  • facebookの埋め込みがあるサイトすべてのURLでエラーになるわけではなく、正しく表示されるサイトもあった

といったことでした。

色々OGPの設定やプラグインやら疑った結果、解決策が見つかりました。

解決策:facebookの埋め込みコードを新しく発行して設置し直す

自分が作成した同じような条件のサイトを思い返してみて、最近facebookの埋め込みをしたWebサイトはエラーが出ていませんでした。
一方エラーが出ていたサイトは数年前に設置したものでした。
そこで新しくfacebooのページプラグインを設定し直してみることに。
こちらのページで必要な情報を入力して、再度設置しなおします。
自分はiframeで設置しました。

そうすると問題なくfacebookメッセンジャーでリンクが正しく表示されるようになりました。

推測ですが、iOSのメッセンジャーアプリと以前のfacebook埋め込みコードの相性がアップデートなどで悪くなってしまったのではないかと思います。

「メッセンジャーで情報を共有したいと思ったのにエラーになってしまって困っている」という方は、ぜひ一度試してみてください。

コメントを残す

*