2012-02-23 82 views
4

有人覺得Facebook Like按鈕太侵入某個用戶界面嗎?像它不適合,就像它是一些便宜的塑料東西?Facebook Like按鈕的文本版本?

有沒有人曾經使用過JS或其他東西來做出像純文本之類的替代方案?如果是這樣,有沒有人做過任何A/B測試,看看它是否與原始版本一樣好?

此外,這是否會違反Facebook的TOS說:「你不能遮掩或掩蓋我們的社交插件的元素,如Like按鈕或Like框插件」?

http://jsfiddle.net/dwaynie/HqA3H/9/

謝謝!

+0

問題是沒有建設性。請提供代碼問題。 – jmishra 2012-02-23 12:57:12

+0

如果你想用一個簡單的文本鏈接代替像按鈕,然後用CSS隱藏像按鈕,並使用JavaScript觸發按鈕上的錨定點擊事件,最簡單的方法就是用jQuery'.trigger()' – Thielicious 2017-08-14 15:22:50

回答

1

將只允許修改的Like按鈕(和所有其他社交插件)是指那些通過代碼生成接口http://developers.facebook.com/docs/reference/plugins/like/

+1

我知道很多網站設計自己的社交網絡按鈕,這些按鈕可用於網站的設計。他們經常使用社會標誌的可識別方面,以便有良好的品牌認知度,但仍然保持網站的設計語言。像kickstartproductions.net和trenchescomic.com。 - DorkRawk – 2012-02-25 06:54:47

1

好實現的,這裏是我想出。 google搜索的位的伎倆

http://jsfiddle.net/HqA3H/24/

在腳本標記後的小提琴,你可以看到

VAR fbURL =「http://www.facebook.com/plugins/like。 php?href = http://www.lolwhuuwtwtf.com & show_faces = trace & width = 450 & action = like & colorscheme = light「;

變化www.lolwhuuutwtf.com到無論你的網站鏈接,它會工作得很好:) 您可以向下滾動,看到了HTML,它編輯您的需求,但一定不要刪除 「ID =」 flb「onclick =」insertLikeButton();「' 因爲那會觸發javascript等等。

+0

我的另一個建議是不使用Facebook的這個目的,而是你自己的數據庫,只是使用Facebook風格的按鈕,所有的點擊,所以用戶會認爲它在Facebook上喜歡:D – 2012-02-23 13:57:34

4

爲Facebook和Twitter創建純文本鏈接,並使用CSS來完成您的樣式。以下是如何建立(與適當大小的彈出窗口)鏈接:

http://jsfiddle.net/c6XQT/

下面的代碼:

<a href="JavaScript:window.open('http://www.facebook.com/sharer.php?u=http://jsfiddle.net','','width=657,height=400,scrollbars=1')">Like</a> 

<a href="JavaScript:window.open('https://twitter.com/share?url=http://jsfiddle.net&text=Check out this link:','','width=450,height=350')">Tweet</a> 
+0

Effing奇妙 - 非常感謝你! – 2012-07-22 07:36:45

+0

任何想法如何實現與Facebook的相同的事情雖然像?最好在其旁邊有一個(N)計數器。 – 2012-07-22 07:43:32

+0

可能有辦法做到這一點,但你一定需要使用Facebook的API。在過去,我剛剛記錄了人們點擊鏈接並顯示該數字的次數,而不是處理Facebook API的所有開銷。當然,這個數字不會真的成爲Facebook上'喜歡'的數量,但是誰在乎呢? – 2012-07-23 04:17:26