Q&A
独学で勉強中の初心者webデザイナーです。
webページにfacebookのタイムラインを埋め込みたいと思い、情報サイトqam（FacebookのLike Boxは6月22日で終了！新しいPage Pluginへの変更方法まとめ）を参考にApp IDの作成と、コードの発行＆コピペをしてみたのですが、プレビューしてみるとタイムラインは表示されず、リンク付の普通の文字が表示されてしまいます。（リンク先はタイムラインを参照したいfacebookページでした。）
試行錯誤しているのですが、一向に解決の兆しが見えません。以下、試みた事です。
・ブラウザを変えてみる。（Chrome、IE11共に同じ）
・jQueryとの干渉を疑い、新規ページにコピペしてみる。
・facebookページの公開制限を確認。
・facebookからログアウトしてみる。
Page Plugin自体がfacebookの新規サービスなのでそちらの不備や、
App IDの作成に関して私の落ち度があるのではと疑っているのですが、デベロッパーサイトがほぼ全て英語の為、私の英語力ではなかなかスムーズに理解できず難航しています。
もし同じ症状から脱出された方や、改善方法に心当たりのある方、いらっしゃいましたら些細なことでも結構ですので、教えていただけると助かります。
よろしくお願いいたします。
以下、当方の環境です。
OS:Windows7 HP 64bit
エディタ:Style Note（5.14）
コーディング:HTML5,CSS3
ブラウザ:Chrome,IE11
回答4件
0
プレビューしてみるとタイムラインは表示されず、リンク付の普通の文字が表示
同ページを参照して、手順を確認してみました
所定の設定を記入して、コードを取得ボタンを押した後に表示される手順の案内：
- Include the JavaScript SDK on your page once, ideally right after the opening <body> tag.
- Place the code for your plugin wherever you want the plugin to appear on your page.
この2つのうち、1. の手順(<script>...</script> の配置)が抜けていませんか?
(スクリプトを置かなかった場合に状況が再現されました)
何か参考になれば幸いです
Link
投稿2015/06/10 17:02
総合スコア2321
0
カスペルスキーを使用しているとfacebookの埋め込みが表示されません。chromeの拡張機能の中で同様に動作してしまうものもあるようです。
投稿2017/06/14 06:16
総合スコア11
0
私もほぼ初心者ですので昨年同様な問題で試行錯誤しました。
確認ですがサーバーに上げて確認はされたのでしょうか？（ローカルでしか確認していないのでしょうか？）
過去に私も知らずにサーバーに上げていない状態で確認していたのでリンクのみ表示で正しく表示されませんでした。
一度仮にでもサーバーに上げて確認してみるといいと思いますよ。
投稿2017/01/10 04:10
総合スコア12
0
全く同じ問題で一週間悩みましたが簡単に解決しました。
プレビューしたのではテキストリンクしか表示されないのですね。
ほとほと諦めましたが、思い切ってFTPで上げてみたら何と表示されます。
HTML５ではないのでdata-は削除してアップしました。
投稿2015/07/08 07:58
総合スコア10
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2015/06/11 08:44
2015/06/11 21:13