廣告贊助

有經營 Facebook 粉絲團的小編,可能會需要將粉絲團嵌入到公司經營的官方網站或者部落格中,Facebook 官方就有提供相關的嵌入設定,且並未限定粉絲人數,都可以取得嵌入程式碼,此功能原本在 Facebook 開發人員的 Like box 項目中,不過後來變更至 Page Plugin 中,以下我們稍微介紹一下操作介面以及每個項目所代表的意思,相信各位小編們都可以很輕鬆的將粉絲團嵌入至網站或部落格中。

步驟一、基本設定

在 Page Plugin 的設定頁面中,可以看到許多的設定項目,我們用圖示加上中文標註讓各位小編們參考,粉絲專頁的網址部分,直接將您所經營的粉絲團網址貼上去即可,寬度與高度的單位預設都是 px,僅需填寫寫數字,根據您所需要的顯示大小設定即可,特別注意若是同時勾選顯示粉絲與顯示貼文的選項,則會以顯示貼文為主,設定的同時可以觀看預覽,如果沒有問題,就可以取得程式碼囉!
 

Facebook 嵌入粉絲團的設定頁面:

 

 

擷取1.PNG

步驟二、取得程式碼

取得程式碼的頁面共有四個頁籤,預設是採用 JavaScript SDK 的程式碼,若您不熟悉 JavaScript SDK 的語法,可以切換至 IFRAME 的頁籤,這是採用網頁框架顯示方式,僅有一段簡單的程式碼,複製起來就可以貼到官方網站或部落格中了。

擷取2.PNG

步驟一勾選選項 調整長寬後 就會跑出IFRAME語法 直接複製即可

擷取3.PNG

步驟三、使用程式碼

為了方便講解,我們使用 Blogger 管理介面做為範例,以下是邊欄設定畫面,將剛剛在 Facebook Like Box 取得的程式碼,貼在欄位中並按下儲存即可,回到部落格前台就可以看到粉絲團順利嵌入,若您是網站管理員,同樣的手法可以將粉絲團嵌入到您所經營的網站

擷取4.PNG

以上是非常簡易的嵌入粉絲團至部落格方法,並非所有人都成功的原因,很可能在於網站本身不支援外掛或是貼上程式碼的過程(有些部落格本身是不開放嵌入外掛的),也可能是無意間更改到程式碼,例如增加了空格或其他符號,都會影響到外掛的顯示情況。

 

 

 

 

文章標籤
創作者介紹
創作者 嘎嘎的分享園地 的頭像
嘎嘎的分享園地

嘎嘎的分享園地

嘎嘎的分享園地 發表在 痞客邦 留言(0) 人氣()