【教學】如何使用 Facebook 粉絲專頁外掛 Facebook 粉絲專頁外掛 常見問題解答

作者:Joyy 志強

發佈日期:2022 年 09 月 28 日

分類:Facebook行銷

首頁 E 行銷 E Facebook E 【教學】如何使用 Facebook 粉絲專頁外掛 Facebook 粉絲專頁外掛 常見問題解答

使用 Facebook 粉絲專頁外掛,可以用在任何一個可以嵌入代碼的網頁頁面均可。以 WordPress 來說,可以不用使用任何一個 WordPress 的外掛,就可以把 Facebook 粉絲專頁外掛嵌入任何一個指定位置。這篇將和你分享 Facebook 粉絲專頁外掛嵌入的方式與設定方法,和常見的問題解答 !

為什麼你需要使用他 ?

Facebook 粉絲專頁外掛

Facebook 社群已經不是什麼新的潮流社群了,而在經營網站的人,不論你網站流量是從哪裡來 ? 不論是自然搜尋量,還是社群引流,在網站中加入各式的流量來源引導是最基本的。對於一開始經營網站的部落客或電商網站者,使用社群媒體嵌入的功能是基本功夫喔。Facebook 粉絲專頁外掛本身就提供了很好的嵌入方式,接下來就一步步帶著你來操作吧 !

粉絲專頁外掛使用方式教學

在 Facebook 官方,本身就已有提供相關的工具可供使用。粉絲專頁外掛程式 – 社交外掛 ( 點此可另開分頁檢視 )。只要你依照接下來的步驟,你也可以快速的把 Facebook 粉絲專頁外掛嵌入你想指定的位上。

設定外掛屬性

Facebook 粉絲專頁外掛

依以下說明步驟,就可以在 Facebook 粉絲專頁外掛上取得到 可嵌入 的程式代碼。

  1. 輸入你的粉絲專頁的代稱,通常是由英文單字組成,以我的粉專為例,就是 joyymkt ,這個是在創建粉絲專頁時,就會進行命名的。
  2. 頁籤:這裡是用來顯示外掛要出現哪些頁籤,常用的共分為 3 種,「動態時報」( timeline ),「活動」( events ),「訊息」( messages )。使用時,就依你需要顯示出哪種或是要全部顯示都可以。( 如下圖 範例一 所示 )
  3. 外掛的寬度、高度設定,這裡可以自行指定外掛顯示大小,可視你要呈現方式來決定,有範圍限制的。個人建議是採預設即可。
  4. 其他顯示功能:在這上面的每個選項功能,也是依狀況去調整的,官方提供這個工具可以說是十分方便。
  5. 屬性設定後的預覽,就是讓你便於所見即所得,至少在把代碼嵌入後,會與預覽顯示的狀況一致。
  6. 取得程式碼。
Facebook 粉絲專頁外掛
▲ 範例一

取得程式碼

這裡不需要怛心程式碼的使用。他其實不需要有程式設計背景的人也可以進行操作,不用怕看到程式碼而覺得不知所措。

Facebook 粉絲專頁外掛

首先,點開程式碼後,你會看到如上圖的畫面,這時會有 2 段的程式碼,在這頁的使用上比較麻煩,我建議使用上圖 紅框 ( IFrame ) 處的程式碼。

Facebook 粉絲專頁外

點擊上圖程式碼的部分,用滑鼠將內容全選成為藍底白字後按右鍵複製起來,接下來就可以嵌入你想要出現的位置了。

將程式碼放入右側欄

常見的方式,是把 Facebook 粉絲專頁外掛 嵌在文章右側的欄位,此方法也同時適用於需加入 html 語法的網站,例如痞客邦、Google Blogger、Udn Blog 等等,步驟如下:

Facebook 粉絲專頁外掛

到 WordPress 後台,找到 小工具 → 文字 → Silderbar ( 此部份會因使用的主題不同而有不一樣的呈現方式 ) → 新增小工具。

Facebook 粉絲專頁外掛

在小工具的 Sidebar 就會出現 文字 這個小工具。依上圖方式,將標題填入,這時程式碼,要到 紅框文字 ( 填入 html 語法 ) 的這個欄位裡,接者按下儲存後,點擊完成即可。

Facebook 粉絲專頁外掛

上圖即是右側欄嵌入 Facebook 粉絲專頁外掛程式碼後的示範。

將程式碼放入文章

以 WordPress 為例,就是直接使用 WordPress 文章編輯器的功能 短代碼 即可。

Facebook 粉絲專頁外掛

點擊編器上的 + 號,會出現功能選單,用 code 去搜尋,就會看到短代碼 !

Facebook 粉絲專頁外掛

貼上碼程式。

Facebook 粉絲專頁外掛

上圖即是放置於文章中段落的範例。

常見問與答

Facebook 粉絲專頁外掛
▲ Facebook 粉絲專頁外掛上看不到自己的粉絲專頁預覽 !

Question:在官方 Facebook 粉絲專頁外掛上,看不到自己的粉專預覽 ?

Answer:這是因為你的粉絲專頁,設定到相關的隱私設定,導致無法使用 Facebook 粉絲專頁外掛。解決方法如下

這裡分為二種,因為目前 Facebook 針對粉絲專頁,有提供 2 種模式,一種是經典粉絲專頁、一種是新版粉絲專頁。

  • 經典粉絲專頁的處理流程
Facebook 粉絲專頁外掛

開啟該粉絲專頁,請最好使用電腦版版本,畫面才會和我的一樣喔。拉到左邊功能選單到最下方,會出現一個 「設定」。

Facebook 粉絲專頁外掛

進入設定時,右邊會出現如上圖的許多功能項,請找到「國家限制」這個欄位,點擊右邊的 編輯,你的這個欄位中,可能有輸入了內容,請清空他,不要輸入任何國家限制。

  • 新版粉絲專頁的處理流程
Facebook 粉絲專頁外掛

因為新版本的粉絲專頁,已經和個人帳號的方式整合在一起,所以同樣使用電腦版版本,在 Facebook 右上方的帳號裡,切換成粉絲專頁 ( 如上圖範例 ),切換後會有出現 設定和隱私。

Facebook 粉絲專頁外掛

進入 設定 之中。

Facebook 粉絲專頁外掛

會出現如上可的畫面,找到左邊功能選單的 公開貼文,會有出現 限制 這個設定,一樣點擊右邊的編輯,將 國家 / 地區 設定裡,不要使用任何國家限制。

以上處理,即可幫助你在 Facebook 粉絲專頁外掛中,讓你的預覽恢復正常狀況。

其他有關 Facebook 相關文章推薦

【教學】如何刪除 Facebook 社團!?

如何提高 Facebook 粉絲專頁的真實粉絲數量!?

如何在網站加入 FB Messenger 讓訪客和你立即聯絡

推薦閱讀 ▼

【教學】如何設定 Meta ( Facebook ) 廣告像素 ! 像素的功能為何 ? 廣告投放中不可不做的廣告像素基礎設定 !

【教學】如何設定 Meta ( Facebook ) 廣告像素 ! 像素的功能為何 ? 廣告投放中不可不做的廣告像素基礎設定 !

Meta 廣告 ( 前身稱之 Facebook 廣告 ),所提供的廣告像素功能非常強大。將廣告像素設定至網站之中,不但可以追蹤網站流量狀況,提供有關訪客的資訊外,重點在於了解訪客到訪網的動作與習慣,進而幫助你有效改善廣告投放狀況,提高廣告投放成效。設定廣告像素的好處很多,還沒開始設定的話,務必盡快進行吧 ! 廣告像素設定的好處 可以跟蹤網站流量,了解到站訪客的相關行為。 可以取得有關訪客的資訊,例如來自哪個地區、使用什麼瀏覽器等。 可以讓 Meta 廣告工具更有效地投放廣告,提高廣告效果。 可以讓 Meta...

【教學】聯盟網 Affiliates.One 基礎使用教學 ! 低成本網路賺錢最佳推薦 !

【教學】聯盟網 Affiliates.One 基礎使用教學 ! 低成本網路賺錢最佳推薦 !

聯盟網 Affilieates One,台灣聯盟行銷平台之一,主要提供媒合商品與部落客、KOL、Youtuber 等對象,讓你只需要用心推薦,完全不必負責包裝出貨、金流處理、產品客服等問題,也是想從網路賺錢中,最低入門成本的平台喔。但仍有許多人可能不知道這個平台如何使用,這篇文章,將教會你如何使用 聯盟網 從免費註冊會員,到產品推廣一次教會你 ! 聯盟網 ◥ 什麼是聯盟網 ? 聯盟網 Affiliates One,他就是一個聯盟行銷平台,主要就是將聯盟會員 ( 分廣告主、推廣者 ),平台提供專屬廣告主與推廣者的推廣連結 (...

為什麼有網站了還是無法提升業績 ? 你該為網站做的 6 件事 !

為什麼有網站了還是無法提升業績 ? 你該為網站做的 6 件事 !

為什麼有網站了,還是無法提升業績 ? 你是不是也覺得有了網站,應該就是要有人開始自網路上進行詢問才對啊 ? 為什麼都沒有人問呢 ? 都已經花了大把的錢請人建製網站了,為什麼業績還是沒有起色 ? 這 6 件事情你確認過了嗎 ? 如果都沒有,就別怪你的網站沒給你帶來業績了 ! 努力設計網站,仍無法發揮業績 ? 在 Joyy 幫忙許多朋友設計網站時,一開始他們都會落在一個迷思的地方 … 就是網站要「夠」好看,照片要「夠」吸引人 … 而後來我都會好好的耐心與他們說明 ... 好看、吸引人固然重要。但在一開始卻不是「必要」。...

0 Comments

Submit a Comment

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *