如何在WordPress嵌入Facebook粉專

Wordpress嵌入Facebook粉專

近幾年的世代網路閱讀習慣從部落格轉換到Youtube自媒體,以前的網紅是屬於部落格的,但隨著網速升級,影音媒體近幾年快速發展,網紅變成Youtuber界的代名詞,隨著訂閱分享的簡易化,觀看Youtube只要喜歡頻道訂閱即可,但部落格卻只能使用RSS訂閱或加入書籤,說真的現在還有幾個人會這樣訂閱部落格呢?

Facebook-RSS

理由是,部落格若是在規模較大的平台上就能方便的訂閱(匹客邦、Blogger…),但自己架設的部落格就少了這項資源,這時候就要結合到大家都有帳號的平台-Facebook臉書,相信大家都人手一個帳號吧,就像玩遊戲,也可以透過臉書Facebook註冊,同樣原理,既然讀者習慣已經改變,不再加入書籤或是RSS訂閱,那倒不如請讀者順便按個讚加入粉絲團吧。

取得粉絲專頁嵌入程式碼

Facebook粉絲專頁外掛程式

需要學怎麼寫語法程式嗎?當然不用囉,直接前往以下頁面連結。

粉絲專頁外掛程式:點我前往

貼上你的粉絲專頁網址後,在⓼就能即時看到你的效果,說明如下:

  1. 頁簽:方便程式辨識,如沒有特殊需求,維持原狀即可。
  2. 寬度:指定效果頁寬度。
  3. 高度:指定效果頁高度。
  4. 小型首頁:勾選時會縮短效果頁上方頁面。
  5. 隱藏封面相片:勾選時出現首頁圖面,取消變成白底。
  6. 搭配外掛程式容器寬度:建議勾選。
  7. 顯示朋友的大頭貼照:建議勾選。
  8. 即時效果。

上述效果都選定後,網頁網下方瀏覽。

Facebook粉絲專頁外掛程式取得程式碼

點選⌈取得程式碼⌋。這裡會產生兩種語法,分別是JavaScript SDK及IFrame。有興趣的讀者可以參考此篇文章⌈ 比較 IFrame 與 JavaScript SDK 方法⌋,這裡LEO選擇使用JavaScript SDK彈性較大。

語法1.JavaScript SDK

Facebook粉絲專頁外掛程式JDK

這裡分成兩段,分別是步驟2及步驟3,這兩段我們都需要貼在同一個位置。記得將⌈蒐集分析⌋取消勾選,避免不必要的困擾。

語法2.IFrame

Facebook粉絲專頁外掛程式IFrame

這裡僅有一段步驟2需要複制。

WordPress嵌入Facebook粉絲專業教學

步驟1.開啟Wordpress控制台小工具

Wordpress嵌入Facebook粉絲團步驟

如上圖教學,開啟Wordpress控制台→外觀→文字右拉至排版位置(Ex.右側資訊欄)→程式碼貼上位置。

步驟2.切換至文字頁簽後貼上程式碼

Wordpress嵌入Facebook粉絲團專頁貼上語法

將語法1 Javascript SDK第1段跟第2段分別複製貼上至空白處,右下⌈Save⌋。

觀看更新結果

Wordpress成功嵌入Facebook粉絲團專業

進入自己的部落格網站,如上圖成功出現在你預期的位置,代表你成功了,若不成功歡迎下方留言,我會很樂意回答你的。

發佈留言

這個網站採用 Akismet 服務減少垃圾留言。進一步了解 Akismet 如何處理網站訪客的留言資料