使用 Facebook 粉絲專頁外掛，可以用在任何一個可以嵌入代碼的網頁頁面均可。以 WordPress 來說，可以不用使用任何一個 WordPress 的外掛，就可以把 Facebook 粉絲專頁外掛嵌入任何一個指定位置。這篇將和你分享 Facebook 粉絲專頁外掛嵌入的方式與設定方法，和常見的問題解答 !
為什麼你需要使用他 ?
Facebook 社群已經不是什麼新的潮流社群了，而在經營網站的人，不論你網站流量是從哪裡來 ? 不論是自然搜尋量，還是社群引流，在網站中加入各式的流量來源引導是最基本的。對於一開始經營網站的部落客或電商網站者，使用社群媒體嵌入的功能是基本功夫喔。Facebook 粉絲專頁外掛本身就提供了很好的嵌入方式，接下來就一步步帶著你來操作吧 !
粉絲專頁外掛使用方式教學
在 Facebook 官方，本身就已有提供相關的工具可供使用。粉絲專頁外掛程式 – 社交外掛 ( 點此可另開分頁檢視 )。只要你依照接下來的步驟，你也可以快速的把 Facebook 粉絲專頁外掛嵌入你想指定的位上。
設定外掛屬性
依以下說明步驟，就可以在 Facebook 粉絲專頁外掛上取得到 可嵌入 的程式代碼。
- 輸入你的粉絲專頁的代稱，通常是由英文單字組成，以我的粉專為例，就是 joyymkt ，這個是在創建粉絲專頁時，就會進行命名的。
- 頁籤：這裡是用來顯示外掛要出現哪些頁籤，常用的共分為 3 種，「動態時報」( timeline )，「活動」( events )，「訊息」( messages )。使用時，就依你需要顯示出哪種或是要全部顯示都可以。( 如下圖 範例一 所示 )
- 外掛的寬度、高度設定，這裡可以自行指定外掛顯示大小，可視你要呈現方式來決定，有範圍限制的。個人建議是採預設即可。
- 其他顯示功能：在這上面的每個選項功能，也是依狀況去調整的，官方提供這個工具可以說是十分方便。
- 屬性設定後的預覽，就是讓你便於所見即所得，至少在把代碼嵌入後，會與預覽顯示的狀況一致。
- 取得程式碼。
取得程式碼
這裡不需要怛心程式碼的使用。他其實不需要有程式設計背景的人也可以進行操作，不用怕看到程式碼而覺得不知所措。
首先，點開程式碼後，你會看到如上圖的畫面，這時會有 2 段的程式碼，在這頁的使用上比較麻煩，我建議使用上圖 紅框 ( IFrame ) 處的程式碼。
點擊上圖程式碼的部分，用滑鼠將內容全選成為藍底白字後按右鍵複製起來，接下來就可以嵌入你想要出現的位置了。
將程式碼放入右側欄
常見的方式，是把 Facebook 粉絲專頁外掛 嵌在文章右側的欄位，此方法也同時適用於需加入 html 語法的網站，例如痞客邦、Google Blogger、Udn Blog 等等，步驟如下：
到 WordPress 後台，找到 小工具 → 文字 → Silderbar ( 此部份會因使用的主題不同而有不一樣的呈現方式 ) → 新增小工具。
在小工具的 Sidebar 就會出現 文字 這個小工具。依上圖方式，將標題填入，這時程式碼，要到 紅框文字 ( 填入 html 語法 ) 的這個欄位裡，接者按下儲存後，點擊完成即可。
上圖即是右側欄嵌入 Facebook 粉絲專頁外掛程式碼後的示範。
將程式碼放入文章
以 WordPress 為例，就是直接使用 WordPress 文章編輯器的功能 短代碼 即可。
點擊編器上的 + 號，會出現功能選單，用 code 去搜尋，就會看到短代碼 !
貼上碼程式。
上圖即是放置於文章中段落的範例。
常見問與答
Question：在官方 Facebook 粉絲專頁外掛上，看不到自己的粉專預覽 ?
Answer：這是因為你的粉絲專頁，設定到相關的隱私設定，導致無法使用 Facebook 粉絲專頁外掛。解決方法如下
這裡分為二種，因為目前 Facebook 針對粉絲專頁，有提供 2 種模式，一種是經典粉絲專頁、一種是新版粉絲專頁。
- 經典粉絲專頁的處理流程
開啟該粉絲專頁，請最好使用電腦版版本，畫面才會和我的一樣喔。拉到左邊功能選單到最下方，會出現一個 「設定」。
進入設定時，右邊會出現如上圖的許多功能項，請找到「國家限制」這個欄位，點擊右邊的 編輯，你的這個欄位中，可能有輸入了內容，請清空他，不要輸入任何國家限制。
- 新版粉絲專頁的處理流程
因為新版本的粉絲專頁，已經和個人帳號的方式整合在一起，所以同樣使用電腦版版本，在 Facebook 右上方的帳號裡，切換成粉絲專頁 ( 如上圖範例 )，切換後會有出現 設定和隱私。
進入 設定 之中。
會出現如上可的畫面，找到左邊功能選單的 公開貼文，會有出現 限制 這個設定，一樣點擊右邊的編輯，將 國家 / 地區 設定裡，不要使用任何國家限制。
以上處理，即可幫助你在 Facebook 粉絲專頁外掛中，讓你的預覽恢復正常狀況。
0 Comments