Facebook可說是現在最夯的網路社群網路了,雖然後有Google+挾搜尋引擎的優勢急起直追,但總沒有Facebook的廣大群眾魅力,而Facebook最大的優點是可以讓使用者在上面找到一些許久失聯的朋友、前同事、同學,甚至前男女友…等,也許你已經有了Facebook的帳號,也正用得不亦樂乎,但你知道只要善用Fcebook的【讚】視窗(Like Box)及【讚】按鈕(Like Button),它可是會為我們的部落格帶來不小的流量,也可以幫你有效的推廣部落格。
以我的另一個部落格為例,我發現以前只要使用「書籤網站」貼貼文,如Funp及MyShare就會有不少的流量進到部落格,但最近書籤網站似乎有漸漸式微的趨勢,流量也跟著大減,反倒是從 Facebook 進來的訪客明顯的增加,雖然到目前只從Facebook近來的流量還沒大到足以彌補以前「書籤網站」流失的缺口,但相信假以時日,粉絲的逐漸增加,Facebook 應該很有機會可以完全取代原來「書籤網站」的流量。
本篇文章將介紹如何在部落格的側邊欄加上Facebook的【讚】視窗(Like Box),而它之所以可以為部落格帶來流量,是因為當擁有Facebook帳號的網友在你的部落格的【讚】視窗按下「讚」的按鈕後,往後你只要在Facebook的專頁上有任何的貼文或訊息更新,都會直接出現在這些網友的Facebook塗鴉牆當中,這有點類似RSS訂閱,但又可以隨時把自己的最新更新的即時文章放到網友的塗鴉牆,引起網友的注意,當這些網友對你貼上去的文章有興趣時,就可以點擊連結到你的部落格做進一步瀏覽。
下面我們就來看看,如何設置這個Facebook的【讚】視窗(Like Box)吧:
Step 1.
首先要登入到Facebook帳號。你還必須先為自己的部落格建立一個粉絲專頁,如果你還沒有建立,就請先去建立一個吧!
Step 2.
進到Facebook的畫面後,在螢幕的左側邊欄會找到所有的粉絲專頁,找到你要的粉絲專頁,點擊進去。
Step 3.
在設置讚視窗(Like Box)以前要先設定專頁的短網址,所以請先點擊【編輯內容】。
Step 4. 點擊【替此專頁設定短網址?】。
Step 5.
輸入想要設定的短網址,一般是輸入自己的部落格網址。請注意短網址只能含有英文大小寫字母 A-Z、a-z、數字0-9、和英文句點(.)等。然後按「檢查是否可用」。
Step 6. 如果可以使用就會出現下面的畫面,如果不行就必須再重新設定。在你按下【確定】以前,請確認網址沒有辦法再更改,也無法轉讓。
Step 7. 設定成功後,請記下這裡所出現的短網址,一般都是 facebook.com/xxxxx。然後按下【確定】。
Step 8. 如果你沒有記下也沒有關系,可以回到步驟4的地方,這裡會出現我們申請的短網址。複製這段短網址。
Step 9.
點擊下面的網址,開啟新的視窗,切換到 Like Box 頁面。https://developers.facebook.com/docs/plugins/page-plugin
Step 10.
在【Facebook Page URL】貼上剛剛複製的短網址。注意:這裡有時後會要求你切換回使用者的身份才可以繼續。
這裡有一些設定可以讓你調整【讚】視窗(Like Box)的外觀:
- Width:修改這個數字可以讓你變更視窗的寬度(像素)。數字越大表示視窗越寬。
-
Show Faces:如果勾選這個選項的話,就會出現所有在這個專頁按下【讚】的網友的圖示。
-
Stream:這裡打勾的話會出現專頁的最新貼文或訊息。
-
Header:這裡打勾的話,會在視窗的最上面出現「Find us on Facebook」的訊息,但只有同時在勾選「Show Faces」或「Stream」任何一項時才有作用。
當全部設定完畢後,點擊「Get Code」來取得程式碼。
像下面的圖例,只有勾選「Show Faces」一項,其他的通通不勾選。
Step 11.
這裡有HTML5, XFBML, IFRAME程式碼可以使用,一般建議選用【HTML5】的程式碼,一般不建議使用【IFRAME】怕影響速度。
如果你想更進一步微調【讚】視窗(Like Box)的一些細節,這裡還有一些參數可以使用,但必須要修改程式碼:
- href:設定【讚】視窗(Like Box)的URL。
- width:設定【讚】視窗(Like Box)的寬度(像素)。
- height:設定【讚】視窗(Like Box)的高度(像素)。
-
show_faces:設定【讚】視窗(Like Box)的粉絲圖示。「true」:顯示;「false」:不顯示。
-
stream:設定【讚】視窗(Like Box)的貼文或訊息顯示。「true」:顯示;「false」:不顯示。
-
header:設定【讚】視窗(Like Box)的標頭顯示。「true」:顯示;「false」:不顯示。
》回 部落格經營 首頁
延伸閱讀:
如何使用Analytics追蹤對外連結點擊
如何在Facebook塗鴉牆張貼發表文章
如何在Mobile0發表景點並提昇部落格流量
您好,我是使用無名小站的網頁
可是我貼這個語法就是貼了也沒有顯示?
想知道該怎麼弄?like box
我都是新增資料夾再貼code?
但她都顯示不出來很怪異~
moni;
我想這是無名的問題,它不允許未經其同意的語法放在其部落格中,建議你留言給「無名」反應此問題。