English Title
简体标题
type
Post
status
Published
date
Apr 11, 2022
slug
how-to-wake-facebook-comment
summary
最近幫網頁加入 Facebook comment 的插件,不過因為 comment 留言插件不是一開始便載入。 我們在元件內使用 useEffect 當 window 有 FB 的狀況下,我們去喚醒他! 這樣我們的 Facebook Comment 就可以被叫出來喔!
tags
Next.js
Facebook
Comment
插件
Plugin
Bug
Debug
錯誤
程式
開發
useEffect
window
category
程式開發
blog
youtube
link
Property
Bilibili
TikTok
抖音
icon

問題描述

最近幫網頁加入 Facebook comment 的插件,不過因為 comment 留言插件不是一開始便載入。
Facebook comment 的介面沒有畫出來 🎨

解決方法

useEffect(() => {
  if (window.FB) {
    window.FB.XFBML.parse()
  }
})
我們在元件內使用 useEffect 當 window 有 FB 的狀況下,我們去喚醒他!
這樣我們的 Facebook Comment 就可以被叫出來喔!
notion image
NotionNext 加入側欄 Facebook Fan Page 小工具NotionNext Facebook Customer Chat Bubble

留言區


如果你想使用 Facebook, Google, Twitter 帳號留言,或是匿名分享,可以使用 Disqus 留言。
擁有 Facebook 帳號的朋友可以使用 Facbook 原生社群插件留言。
若是有 Github 帳號可以使用 Giscus 留言!


  • Disqus
  • Facebook
  • Giscus
  • Cusdis