質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.50%
WordPress

WordPressは、PHPで開発されているオープンソースのブログソフトウェアです。データベース管理システムにはMySQLを用いています。フリーのブログソフトウェアの中では最も人気が高く、PHPとHTMLを使って簡単にテンプレートをカスタマイズすることができます。

Facebook

Facebookは、実名登録制のSNS(ソーシャル・ネットワーキング・サービス)です。開発者用のデベロッパーサイトが存在し、一般ユーザーによるFacebook向けアプリケーション開発が可能です。

Q&A

解決済

1回答

2725閲覧

WordpressにFacebookタイムラインを埋め込むとエラーが出る

harami_

総合スコア128

WordPress

WordPressは、PHPで開発されているオープンソースのブログソフトウェアです。データベース管理システムにはMySQLを用いています。フリーのブログソフトウェアの中では最も人気が高く、PHPとHTMLを使って簡単にテンプレートをカスタマイズすることができます。

Facebook

Facebookは、実名登録制のSNS(ソーシャル・ネットワーキング・サービス)です。開発者用のデベロッパーサイトが存在し、一般ユーザーによるFacebook向けアプリケーション開発が可能です。

0グッド

2クリップ

投稿2021/08/24 01:36

編集2021/08/24 06:48

前提・実現したいこと

Facebookのタイムラインをページに埋め込みたいです。
FACEBOOK for Developersで吐き出されるコードを使用してWordpressページにFBのタイムラインを埋め込みましたが、エラーメッセージが表示されてしまいます。
ページ上に表示されるタイムラインそのものは正常なので、エラーが表示されないように修正したいです。
開発環境か、Facebookの設定か、Wordpressのテンプレートか、原因がどこにあるのか見当がつきません。

発生している問題・エラーメッセージ

Uncaught SyntaxError: Unexpected token ':' at a (05uLI6yVCc2.js?_nc_x=JLcm9u6Wbmh:244) at a.c._inlineJS (05uLI6yVCc2.js?_nc_x=JLcm9u6Wbmh:245) at b (05uLI6yVCc2.js?_nc_x=JLcm9u6Wbmh:245) at 6jkSY5CyG40.js?_nc_x=JLcm9u6Wbmh:14 at Array.forEach (<anonymous>) at j (6jkSY5CyG40.js?_nc_x=JLcm9u6Wbmh:14) at Object.appendContent (6jkSY5CyG40.js?_nc_x=JLcm9u6Wbmh:14) at Object.setContent (6jkSY5CyG40.js?_nc_x=JLcm9u6Wbmh:14) at b.<anonymous> (bDeboCcvpGi.js?_nc_x=JLcm9u6Wbmh:38) at rg (I6bbPmJMDVr.js?_nc_x=JLcm9u6Wbmh:20) at gj (I6bbPmJMDVr.js?_nc_x=JLcm9u6Wbmh:20) at fj (I6bbPmJMDVr.js?_nc_x=JLcm9u6Wbmh:20) at ej (I6bbPmJMDVr.js?_nc_x=JLcm9u6Wbmh:20) at Zj (I6bbPmJMDVr.js?_nc_x=JLcm9u6Wbmh:20) at Yj (I6bbPmJMDVr.js?_nc_x=JLcm9u6Wbmh:20) at Lj (I6bbPmJMDVr.js?_nc_x=JLcm9u6Wbmh:20) at Sf (I6bbPmJMDVr.js?_nc_x=JLcm9u6Wbmh:20) at Gj (I6bbPmJMDVr.js?_nc_x=JLcm9u6Wbmh:20) at Object.enqueueSetState (I6bbPmJMDVr.js?_nc_x=JLcm9u6Wbmh:20) at b.a.setState (I6bbPmJMDVr.js?_nc_x=JLcm9u6Wbmh:19) at bDeboCcvpGi.js?_nc_x=JLcm9u6Wbmh:38 at AsyncRequest._dispatchResponse (Ne5x2plvsRz.js?_nc_x=JLcm9u6Wbmh:15) at Object.applyWithGuard (05uLI6yVCc2.js?_nc_x=JLcm9u6Wbmh:57) at AsyncRequest.c (05uLI6yVCc2.js?_nc_x=JLcm9u6Wbmh:57) at Ne5x2plvsRz.js?_nc_x=JLcm9u6Wbmh:14 at e (05uLI6yVCc2.js?_nc_x=JLcm9u6Wbmh:313) at Object.applyWithGuard (05uLI6yVCc2.js?_nc_x=JLcm9u6Wbmh:57) at d (05uLI6yVCc2.js?_nc_x=JLcm9u6Wbmh:287) a @ 05uLI6yVCc2.js?_nc_x=JLcm9u6Wbmh:244 c._inlineJS @ 05uLI6yVCc2.js?_nc_x=JLcm9u6Wbmh:245 b @ 05uLI6yVCc2.js?_nc_x=JLcm9u6Wbmh:245 (anonymous) @ 6jkSY5CyG40.js?_nc_x=JLcm9u6Wbmh:14 j @ 6jkSY5CyG40.js?_nc_x=JLcm9u6Wbmh:14 appendContent @ 6jkSY5CyG40.js?_nc_x=JLcm9u6Wbmh:14 setContent @ 6jkSY5CyG40.js?_nc_x=JLcm9u6Wbmh:14 (anonymous) @ bDeboCcvpGi.js?_nc_x=JLcm9u6Wbmh:38 rg @ I6bbPmJMDVr.js?_nc_x=JLcm9u6Wbmh:20 gj @ I6bbPmJMDVr.js?_nc_x=JLcm9u6Wbmh:20 fj @ I6bbPmJMDVr.js?_nc_x=JLcm9u6Wbmh:20 ej @ I6bbPmJMDVr.js?_nc_x=JLcm9u6Wbmh:20 Zj @ I6bbPmJMDVr.js?_nc_x=JLcm9u6Wbmh:20 Yj @ I6bbPmJMDVr.js?_nc_x=JLcm9u6Wbmh:20 Lj @ I6bbPmJMDVr.js?_nc_x=JLcm9u6Wbmh:20 Sf @ I6bbPmJMDVr.js?_nc_x=JLcm9u6Wbmh:20 Gj @ I6bbPmJMDVr.js?_nc_x=JLcm9u6Wbmh:20 enqueueSetState @ I6bbPmJMDVr.js?_nc_x=JLcm9u6Wbmh:20 a.setState @ I6bbPmJMDVr.js?_nc_x=JLcm9u6Wbmh:19 (anonymous) @ bDeboCcvpGi.js?_nc_x=JLcm9u6Wbmh:38 _dispatchResponse @ Ne5x2plvsRz.js?_nc_x=JLcm9u6Wbmh:15 applyWithGuard @ 05uLI6yVCc2.js?_nc_x=JLcm9u6Wbmh:57 c @ 05uLI6yVCc2.js?_nc_x=JLcm9u6Wbmh:57 (anonymous) @ Ne5x2plvsRz.js?_nc_x=JLcm9u6Wbmh:14 e @ 05uLI6yVCc2.js?_nc_x=JLcm9u6Wbmh:313 applyWithGuard @ 05uLI6yVCc2.js?_nc_x=JLcm9u6Wbmh:57 d @ 05uLI6yVCc2.js?_nc_x=JLcm9u6Wbmh:287 setTimeout (async) b @ 05uLI6yVCc2.js?_nc_x=JLcm9u6Wbmh:311 a @ 05uLI6yVCc2.js?_nc_x=JLcm9u6Wbmh:313 importDefault.loadResources.onAll @ Ne5x2plvsRz.js?_nc_x=JLcm9u6Wbmh:15 t @ 05uLI6yVCc2.js?_nc_x=JLcm9u6Wbmh:167 (anonymous) @ 05uLI6yVCc2.js?_nc_x=JLcm9u6Wbmh:167 applyWithGuard @ 05uLI6yVCc2.js?_nc_x=JLcm9u6Wbmh:57 c.$6 @ 05uLI6yVCc2.js?_nc_x=JLcm9u6Wbmh:59 c.satisfyPersistentDependency @ 05uLI6yVCc2.js?_nc_x=JLcm9u6Wbmh:59 c.notify @ 05uLI6yVCc2.js?_nc_x=JLcm9u6Wbmh:82 done @ 05uLI6yVCc2.js?_nc_x=JLcm9u6Wbmh:167 (anonymous) @ 05uLI6yVCc2.js?_nc_x=JLcm9u6Wbmh:167 (anonymous) @ 05uLI6yVCc2.js?_nc_x=JLcm9u6Wbmh:167 b @ 05uLI6yVCc2.js?_nc_x=JLcm9u6Wbmh:287 applyWithGuard @ 05uLI6yVCc2.js?_nc_x=JLcm9u6Wbmh:57 d @ 05uLI6yVCc2.js?_nc_x=JLcm9u6Wbmh:287 load (async) S @ 05uLI6yVCc2.js?_nc_x=JLcm9u6Wbmh:167 R @ 05uLI6yVCc2.js?_nc_x=JLcm9u6Wbmh:167 da @ 05uLI6yVCc2.js?_nc_x=JLcm9u6Wbmh:167 U @ 05uLI6yVCc2.js?_nc_x=JLcm9u6Wbmh:167 (anonymous) @ 05uLI6yVCc2.js?_nc_x=JLcm9u6Wbmh:167 P @ 05uLI6yVCc2.js?_nc_x=JLcm9u6Wbmh:167 loadResources @ 05uLI6yVCc2.js?_nc_x=JLcm9u6Wbmh:167 invokeResponseHandler @ Ne5x2plvsRz.js?_nc_x=JLcm9u6Wbmh:15 _handleXHRResponse @ Ne5x2plvsRz.js?_nc_x=JLcm9u6Wbmh:15 AsyncRequest._onStateChange @ Ne5x2plvsRz.js?_nc_x=JLcm9u6Wbmh:15 b @ 05uLI6yVCc2.js?_nc_x=JLcm9u6Wbmh:287 applyWithGuard @ 05uLI6yVCc2.js?_nc_x=JLcm9u6Wbmh:57 d @ 05uLI6yVCc2.js?_nc_x=JLcm9u6Wbmh:287 f.last @ 05uLI6yVCc2.js?_nc_x=JLcm9u6Wbmh:286 transport.onreadystatechange @ Ne5x2plvsRz.js?_nc_x=JLcm9u6Wbmh:15 XMLHttpRequest.send (async) send @ Ne5x2plvsRz.js?_nc_x=JLcm9u6Wbmh:15 e.$1 @ bDeboCcvpGi.js?_nc_x=JLcm9u6Wbmh:38 e.componentDidMount @ bDeboCcvpGi.js?_nc_x=JLcm9u6Wbmh:38 gj @ I6bbPmJMDVr.js?_nc_x=JLcm9u6Wbmh:20 fj @ I6bbPmJMDVr.js?_nc_x=JLcm9u6Wbmh:20 ej @ I6bbPmJMDVr.js?_nc_x=JLcm9u6Wbmh:20 Zj @ I6bbPmJMDVr.js?_nc_x=JLcm9u6Wbmh:20 Yj @ I6bbPmJMDVr.js?_nc_x=JLcm9u6Wbmh:20 Lj @ I6bbPmJMDVr.js?_nc_x=JLcm9u6Wbmh:20 Sf @ I6bbPmJMDVr.js?_nc_x=JLcm9u6Wbmh:20 Nj @ I6bbPmJMDVr.js?_nc_x=JLcm9u6Wbmh:20 Ck @ I6bbPmJMDVr.js?_nc_x=JLcm9u6Wbmh:20 h.render @ I6bbPmJMDVr.js?_nc_x=JLcm9u6Wbmh:20 k @ I6bbPmJMDVr.js?_nc_x=JLcm9u6Wbmh:9 n @ I6bbPmJMDVr.js?_nc_x=JLcm9u6Wbmh:9 (anonymous) @ 05uLI6yVCc2.js?_nc_x=JLcm9u6Wbmh:208 applyWithGuard @ 05uLI6yVCc2.js?_nc_x=JLcm9u6Wbmh:57 c @ 05uLI6yVCc2.js?_nc_x=JLcm9u6Wbmh:57 I @ 05uLI6yVCc2.js?_nc_x=JLcm9u6Wbmh:44 D @ 05uLI6yVCc2.js?_nc_x=JLcm9u6Wbmh:44 F @ 05uLI6yVCc2.js?_nc_x=JLcm9u6Wbmh:44 (anonymous) @ 05uLI6yVCc2.js?_nc_x=JLcm9u6Wbmh:44 N @ 05uLI6yVCc2.js?_nc_x=JLcm9u6Wbmh:44 c.$12 @ 05uLI6yVCc2.js?_nc_x=JLcm9u6Wbmh:208 applyWithGuard @ 05uLI6yVCc2.js?_nc_x=JLcm9u6Wbmh:57 c.$11 @ 05uLI6yVCc2.js?_nc_x=JLcm9u6Wbmh:208 (anonymous) @ 05uLI6yVCc2.js?_nc_x=JLcm9u6Wbmh:208 m @ 05uLI6yVCc2.js?_nc_x=JLcm9u6Wbmh:208 c.$5 @ 05uLI6yVCc2.js?_nc_x=JLcm9u6Wbmh:208 c.handle @ 05uLI6yVCc2.js?_nc_x=JLcm9u6Wbmh:208 …(続く)

該当のソースコード

JavaScriptSDK

1<div id="fb-root"></div> 2<script async defer crossorigin="anonymous" src="https://connect.facebook.net/ja_JP/sdk.js#xfbml=1&version=v11.0" nonce="Z7H6zctd"> 3</script> 4<div class="fb-page" data-href="https://www.facebook.com/xxxxx" data-tabs="timeline" data-width="" data-height="" data-small-header="false" data-adapt-container-width="false" data-hide-cover="false" data-show-facepile="false"><blockquote cite="https://www.facebook.com/xxxxx" class="fb-xfbml-parse-ignore"><a href="https://www.facebook.com/xxxxx">xxxxx</a></blockquote></div>

iframe

1<iframe src="https://www.facebook.com/plugins/page.php?href=https%3A%2F%2Fwww.facebook.com%2Fxxxxx%2F&tabs=timeline&width=340&height=500&small_header=false&adapt_container_width=false&hide_cover=false&show_facepile=false&appId" width="340" height="500" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowfullscreen="true" allow="autoplay; clipboard-write; encrypted-media; picture-in-picture; web-share"></iframe>

試したこと

JavaScriptSDK、iframeともに試しましたが同じエラーコードが表示されます。
検索するとiframeの方だとエラーが解消したケース、コード内の大文字を小文字に変更して改善するケースがあるようですが、どちらも当てはまりませんでした。

【追記】
著名な企業公式アカウントで試してみましたが、同現象が確認できました。
〇エラー発生せず…スターバックスジャパン(https://www.facebook.com/StarbucksJapan)
×エラー発生…ANAジャパン(https://www.facebook.com/ana.japan)

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答1

0

ベストアンサー

私の環境でも埋め込んでみましたが同じエラーは出ませんでした。(ブラウザのブロック機能等でいくつかエラーは出ていますが)
空のhtmlに埋め込んでエラーが起きるか試し見てはいかがでしょうか。同様のエラーが発生するようならwordpressは無関係ですし。
また、ブラウザを変えてみて同じエラーが出るか、確認するのも良いかもしれません。同じエラーが出なければブラウザの問題の可能性が高いかと思います。
なんとなく無視しておいても良いエラーの気もしますが。

投稿2021/09/01 10:11

webgoto

総合スコア1293

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

harami_

2021/09/02 07:09 編集

空のHTMLに埋め込んでみました。 ブラウザを変えてみたところChromeではエラー、Firefoxでもエラー、Edgeでは警告のみでした。 仰る通り無視してよい問題だと思いましたので、これ以上追うのはやめようと思います。 アドバイスありがとうございました!
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.50%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問