SNSの埋め込みが表示されない問題1カテゴリー:トピックこの【トピック】では、私がウェブサイト制作で発見したこと、ぶつかった壁などについて共有していきたいとおもいます。何かのお役に立てれば幸いです。いう訳で第1回目なのですが、最初のうちはこのポートフォリオサイトの作品制作でのトピックをまとめていこうと思います。(自分自身の備忘録という意味合いもありますが...)今回取り上げるのは、Facebook,Twitterの埋め込みが表示されない問題です。二番煎じ、三番煎じ感もありますが、当時は苦労しました。多くの方がウェブサイトにSNSへのリンクや埋め込みを入れていると思います。TRAVELでも同様で、課題の一環としてSNSの埋め込みを行いました。FacebookとTwitterの埋め込みでハマりました。1サーバーにアップロードしないと正常に動作しない埋め込みがある。今回は、Facebook、Twitter、Instagramの埋め込みを行いました。SnapWidgetでした。これ以外のサービスもありますが、大体が以下のようにiframeタグを埋め込んで使用するものだと思います。埋め込みの詳細や注意事項はお調べいただければと思いますが、ローカルで制作中に1つ目の問題が発生しました。ブラウザで確認したところ...Twitterが表示されません...どうやら、TwitterウィジェットはPHPなどのサーバーサイドプログラムをかませているようで、サーバーにアップロードしなければ表示されない仕様になっているようです。問題が解決したと思った矢先、今度はローカルではないのに、Chromeでは表示され、FireFoxでは表示されないという問題が発生しました。今回はここまでにしまして、次回は、この問題について書いてみようと思います。