close

看完 你知道一個【讚】可以帶來多少商機嗎 !? 一文後，你是否和大家一樣迫不及待的想在您網頁上也裝上一個『讚』呢，今天阿法就要一步步為各位解說該怎麼產生這個似乎蘊藏魔力的『讚』，以及這個讚應該『放在那』才最有效果。

名稱

Like Button

解說

當使用者按下這個「讚」的按鈕時，會將該頁的內容分享到他們的Facebook塗鴨牆上。

運用

推廣活動、宣傳產品。

用來串連網站(Blog、企業網站、購物網站) 與網友的Facebook，目的是為了讓更多人知道活動訊息、產品資訊，以網友們的Facebook，做為媒體宣傳的管道。

安裝

https://developers.facebook.com/docs/reference/plugins/like/

 

名稱

Like Box

解說

當使用者按「讚」時，他們將加入您的粉絲團。這個套件能選擇是否要顯示最新幾筆發文的內容和10名加入您粉絲圖的粉絲名單。

運用

透過活動宣傳粉絲團，募集新會員。

安裝

https://developers.facebook.com/docs/reference/plugins/like-box

 

Like Button

2012-01-03_133931.gif    

like button.gif  

URL to Like(?)
輸入想按讚的網址或粉絲團網址若輸入粉絲團網址，則會影響Show Faces的功能。

Send Buttone
顯示寄送按鈕，用於線上寄信分享該頁面資訊給好友

Layout Style 選擇風格
(1) standard標準風格
(2) button count 按鈕風格
(3) box count 箱子風格

Width 按讚區塊的寬度

Show Faces
當URL to Like為粉絲團網址時，當使用者登入 Facebook 瀏覽您的網頁時，若他們的好友也是您網站上的會員時，他們會看到他們朋友的圖像。

Verb to display
顯示按鈕上的文字 (功能相同)
(1) like 讚
(2) recommend 推薦

Color Scheme 背景顏色
(1) light 淺色
(2) dark 深色

Font選擇字型
(僅對英文字型有影響)

Get Code產生程式碼

常見設定
(1) 填寫網址
(2) Layout Style選擇standard或button count

standard顯示結果如下：
 dddd.gif  

button count顯示結果如下：
buttone count.gif

依各網站配置方式決定設定，以達最佳瀏覽效果

 

Like Box
常見設定.gif  

欄位說明：

Facebook Page URL(?)
輸入您粉絲團的網址。　

Width
按讚區塊的寬度

Height
按讚區塊的高度

Color Scheme
背景顏色

(1) light 淺色
(2) dark 深色

Show Faces
顯示粉絲朋友的大頭照

Border Color
調整按讚區塊邊線的顏色

Show Stream
顯示粉絲團最新的發文

Show header
顯示『Facebook上等你來找』的區塊標題

Get Code產生程式碼

常見設定
(1) 填寫粉絲團網址
(2) 勾選 Show header

顯示結果如下：
2012-01-03_123848.gif  

若取消 Show header 則顯示結果為

2012-01-03_124238.gif

依各網站配置方式決定設定，以達最佳瀏覽效果

 完成設定後，按【Get Code】產生程式碼
您會看到三種程式碼分別為HTML5、XFBML、IFRAME
需依網站撰寫語法與Facebook元件功能來做選擇
HTML5 為最新的網頁語法
XFBML 為早期Facebook 為結合網頁時所發展出的網頁語法
IFRAME 目前最多網頁結合Facebook時所使用的語法

選擇好您要的語法後，再來就只要把程式碼貼到您網站的HTML編輯區塊中，就可以產生Facebook的『按讚』按鈕囉。
2012-01-03_144808.gif 

 

『讚』該放那才能發揮它的效果呢 ？請見下回分曉。


arrow
arrow
    全站熱搜
    創作者介紹
    創作者 頭家生意經 的頭像
    頭家生意經

    頭家生意經

    頭家生意經 發表在 痞客邦 留言(0) 人氣()

    E-mail轉寄