teratail
回答率
85.37%
teratail 10th-anniversary
teratail 10th-anniversary
質問するログイン新規登録

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

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

新規登録して質問してみよう
ただいま回答率
85.37%
トップWordPressに関する質問
WordPress

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

Facebook

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

Q&A

解決済

1回答

2970閲覧

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

harami_
harami_

総合スコア128

WordPress

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

Facebook

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

0グッド

2クリップ

投稿2021/08/24 01:36

編集2021/08/24 06:48

0

2

前提・実現したいこと

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
webgoto

総合スコア1293

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

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

harami_
harami_

2021/09/02 07:09 編集

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

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

質問の解決につながる回答をしましょう。 サンプルコードなど、より具体的な説明があると質問者の理解の助けになります。 また、読む側のことを考えた、分かりやすい文章を心がけましょう。

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

ただいまの回答率
85.37%

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

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

質問する

関連した質問

トップWordPressに関する質問

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