IT・インターネット・ゲーム業界の求人・転職サイトは「IT転職ナビ」
IT転職ナビを運営しております弊社は、ウェブの制作会社です。
ある案件で、facebookのタイムラインをサイトに埋め込みたいというご要望を頂きました。
ただ単に、タイムラインを埋め込むには、facebook側で埋め込むコードを生成するページが存在します。
■ページプラグイン
https://developers.facebook.com/docs/plugins/page-plugin?locale=ja_JP
こちらに、必要項目を入力して「コードを取得」ボタンを押せば、ソースが出てきますので、そちらをウェブサイトへ貼り付ければ簡単に終わります。
facebook自体のタイムラインと、サイトへ埋め込んだタイムラインでは、
表示方法が異なることがあるとご存知でしたでしょうか？
まずは、facebookにログイン済みかログインしていないかでも異なります。
見ているブラウザでも異なります。
と、さまざまな環境依存があるのですが、今回特に弊社で問題になった事象が、
ライムライン上の動画です
facebook上では、表示されている動画
facebookのプラグイン生成ツールで作成して、サイトへ埋め込むと。。。
パソコンサイトでは、ログインしていないと動画がでない。
ChormとIEでしか、動画がでない。
safariとfirefoxでは、ログインしていても動画のサムネイルが出てこない。
さらにスマホサイトはログインしていても、全滅。
スマホは、パケット通信料のことも考えてあえて外してあるのかもしれませんが
どうしても表示させたいとご要望を頂き、そこからまずは、同じ症状で悩んでいる方がいないかを
ネットで徹底検索しました。
しかし、同じようなタイムラインを埋め込んで動画をヒ表示させてたい方は
全く見つからず、苦戦を強いられました。
どの記事を、エントリーを読んでも書いていない。
facebookのタイムラインをプラグインでサイトへ埋め込み、動画のサムネイルを表示させる方法
APIを駆使して、自前で作るという結果に至ってしまいました。
他になんで悩んでいる人がいないのかが不思議になるほど
まったく関連記事が見当たらない。
クライアントも待たすことができない
ないなら、自作でつくってしまうという発想になりました。
そして取り掛かること２人日
facebookのpageplug-inを模した、kipply独自のサイト埋め込み用APIを作りました
通常のpegeplug-inと見た目はほぼ同じで、
無事、開発する頃ができました。
上手くいいねの数が取れなかったり、動画のサムネ画像がとれなかったり苦戦しましたが、
満足なものができました。
ご興味ある方、企業さまはkipplyまでご連絡ください！
