Facebook API 教學：客製化登入流程並以粉絲頁互動應用為例

Facebook API 教學：客製化登入流程並以粉絲頁互動應用為例

Facebook API - Login 登入應用 | Robby - 全端的 Front-End Engineer

Facebook API - Login 登入應用 | Robby - 全端的 Front-End Engineer: facebook

[外掛] SNAPWIDGET 幫網站安裝嵌入製作 INSTAGRAM 照片牆

網路上找到這篇
http://www.techcoke.com/2015/10/snapwidget-instagram-website.html

試了一下
感覺還不錯
推薦各位

其中
Responsive記得改為 Yes
圖片大小與顯示張數

SnapWidget 是一款 instagram 的小工具插件，可以讓你快速，方便地在自己的網站或 blog 嵌入 instagram 相片牆。

SnapWidget 除了提供 Wordpress、Tumblr、Blogger 等平台安裝，也支援於一般網頁或響應式網頁 ( RWD ) 裝設。小工具在設定時可以依網站或 blog 主題的外觀和風格，來選擇定義照片牆大小、邊框和背景色而做適當的佈局。
使用時，SnapWidget 會依據填入的 instagram 用戶名或是 #hashtag，讓小插件每 30 分鐘自動刷新照片資料。插件在滑鼠滑入照片時也有淡入淡出效果，額外的，也可以幫照片加入 Facebook 及 Twitter 分享按鈕。

小工具樣式，可以選擇網格 ( RWD )、幻燈片、滑塊 ( 支援觸控：左右滑動 ) 等模式，可以視需求在網頁側邊欄或是底部頁腳安裝。

免費版的用戶，在 Widget 按下照片後，會連結到官方的廣告頁面，如果需求將照片連結至原本的 instagram 圖片展示頁面或是任何網頁頁面，則在「定價版」中才有提供。如果要在網站中快速加入 instagram 照片牆，免費版無需綁定帳號即可方便的使用。

相關連結

SnapWidget 插件頁面：「http://snapwidget.com/」

SnapWidget 定價版：「http://snapwidget.com/pricing」

前往「SnapWidget 插件頁面」將畫面往下拉，即可自定義小工具的樣式。

按下「Preview」可以先預覽照片牆在網站中的顯示樣式。(* instagram 的帳號中的「不公開帳號」要設定為關閉。)

點取「Get Widget」即可將代碼複製下來於網站中使用。如果你的網站為 HTTPS 型式的網址，將代碼網址前的「http://」更改為「//」，照片牆即可在網頁中順利推送。

銀行公務全面禁用臉書 金融3.0路難行？

工商時報【記者陳碧芬╱台北報導】

金管會推動金融3.0，鼓勵銀行未來要設置專人負責社群網站及網路客戶的回應，金管會主委曾銘宗也有自己的臉書了解「婉君」意見，但有銀行員反應國內銀行網路全面禁用臉書，包括智庫台灣金融研訓院上班時間也不能上臉書！彰化銀行電子營運處長曾芳明表示，這是基於資訊安全考量，國泰金控資深副總鄧崇儀也指出，臉書等社群資訊無法作為行銷參考，因為沒有實名連結，難以分析客戶真實行為。

據坊間最新調查，42.1％新鮮人已在臉書加入或追蹤自己嚮往的企業，呼籲企業若有意預先抓住網路世代人才，必須重視口碑和網路形象。

20日所舉行的金融研訓院舉行巨量資料分析對金控及銀行業務相關研討會上，與會銀行人員抱怨，銀行不准用臉書，卻要資管人員到網路扒出個人客戶的消費行為，根本不可能；而且年輕行員多認為在臉書上，才會聽到真話，實際業務時，沒有行員肯講實話。

曾芳明表示，彰銀內部確實禁用臉書，但有彰銀內部社群，可供行員可溝通交流。據了解，這並不是個別案例，老行庫內部網絡很早就不准連上臉書，外商銀行台灣子行的花旗，匯豐等，也都是同樣情況。曾芳明指出，彰銀是站在資訊安全角度，內部網絡一旦連上臉書，恐無法防止駭客入侵。他也透露，去年318學運期間，彰銀官網因登了一句話「服貿助功，彰銀快攻」，而被駭客盯上，所幸他的部門反映快速，駭客也友善回應，沒有擴大問題。

金融研訓院長鄭貞茂表示，研訓院是由授課老師自己設立粉絲團，由個別老師自行維護，研訓院的員工不能用院內網路在上班時間上臉書。

目前銀行引用大數據分析客戶，企金客戶可以在網路上扒文找到，個人客戶就沒辦法，臉書成了被期待的一個大型資料庫。永豐銀行消費金融處協理朱致斌指出，其實臉書裡的用戶資料若要使用分析，是要經過臉書公司授權，不是銀行建個臉書官網就能把資料撈回來。

鄧崇儀表示，對於個別客戶消費行為的資料，國泰金控會找顧問公司幫忙，不會自行上臉書搜集，社群及PTT等資料只是單向，且沒有實名連結，等於是無用的資訊。

分身術！一鍵切換多個 Facebook 帳號

網路社群近幾年相當的火紅，也因為如此一個人在網路有好幾個身份也是很常見，如果你是使用Google Chrome瀏覽器，又剛好在Facebook上是個千面人，想必常常因為切換帳號弄的昏頭轉向，很渴望Facebook像Gmail一樣有多重帳號的切換功能，我們可以透過安裝Google Chrome擴充套件「Facebook Switch Accounts」就能像Gmail一樣，一鍵輕鬆切換多重帳號。

• 下載網址：http://4fun.tw/Bwvi

1.
用Google瀏覽器進入下載頁面後，點擊〔Install〕。

※小提示：
也可以安裝在預裝GreaseMonkey的Firefox瀏覽器中。

2.
在下方會出現警示提示，請點擊〔繼續〕。

3.
下載完後會出現安裝提醒視窗，點擊「安裝」即可，然後開啟Facebook。

4.
進入到Facebook後，會發現在右上角多出了一個「切換帳號」的項目，如果要增加第二登入帳號，可以點擊「新增Faebook帳號」，再輸入名稱、帳號、密碼，這裡所指的名稱是顯示在切換帳號裡面，讓你識別要切換的帳號。

5.
新增完第二帳號之後，可以再點擊「編輯Facebook帳號」，將預設的「Your Account」改成你的主要帳號，或是你有更改密碼，也可以在這裡修改。

6.
設定完後就可以在右上角的切換帳號裡，自由切換所有的帳號囉！

※小提醒：
這個功能主要是當多位家人同時使用一台電腦玩臉書時，方便切換帳號用，而不是鼓勵大家一個人申請多帳號喔！因為一個人申請多個帳號是違反臉書政策的，重責可能遭受停權處分！

本文同步刊載於＞＞
密技偷偷報 No.56

作者╱PCuSER 
http://www.techbang.com/posts/5188-super-easy-facebook-account-more-than-a-key-switch

如何在部落格放Facebook粉絲框？

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

輸入粉絲團的網址

第1步 來到Facebook的Like Box頁面，依照網站欄位需求進行設定，右手邊會即時顯示這個Like Box的樣式，完成後請按﹝Get Code﹞。

• Facebook Pafe URL：粉絲專頁連結
• Width：寬度
• Color Scheme：顏色樣式(分成白底與黑底)
• Show Faces：顯示頭像
• Stream：顯示最近張貼的文章
• Header：顯示頂部

第2步 Facebook提供兩種嵌入粉絲框的語法，建議大家選擇iframe比較簡單，另一種是透過XFBML，如果iframe使用失敗，可以考慮嘗試看看。

第3步 以WordPress為例，在後台【外觀】→【模組】中，新增一個文字模組，然後輸入代碼並點﹝儲存﹞即可，我們是使用iframe語法。

第4步 最後你就會看到在側邊欄中顯示Facebook Like Box 粉絲框囉！

資料來源

目前常用分享按鈕的程式碼

*網址都需要先經過urlencode

1. 分享到Plurk
分享到噗浪

2. facebook like (如果不想要提供一堆資訊給facebook,只要很單純的facebook like button,但是facebook超愛用iframe,這樣的寫法,在apple的行動裝置上都會有問題)


3. facebook like button 進階用法
http://developers.facebook.com/docs/reference/plugins/like

4. 分享到twitter (只是單純的分享,沒有辦法顯示有多少人推)
分享到Twitter

5. 分享到twitter (可以顯示有多少人retweet)
請到 http://tweetmeme.com/ 申請一個帳號,然後將code貼上網頁

6. Google Buzz
請到 http://www.google.com/buzz/stuff 拿貼紙,再將code貼上網頁

詳見

如何在網站放Facebook臉書、twitter、Plurk噗浪「推文按鈕」？

由於微網誌的火紅，在台灣噗浪的使用熱潮似乎有取代原本書籤網站的趨勢，原本一堆喜歡透過書籤網站分享好康資訊的網友，似乎都漸漸改用Plurk或twitter之類的微網誌來分享這些東西。

如果你想在你的網站或部落格放個twitter或Plurk噗浪的推文按鈕，讓大家看完你的文章後，可以隨手推到twitter或Plurk去跟大家分享，該怎麼做呢？

Plurk噗浪推文按鈕語法：


[推到Plurk]
其中「?qualifier=shares」這段裡的「shares」可以改成loves、likes、gives、says...等，如果對方是使用中文的Plurk介面也沒關係，推文時噗浪會自動把「says」轉成「說」，把「likes」轉成「喜歡」。



Twitter噗浪推文按鈕語法：


[推到Twitter]


Facebook 推文按鈕語法：

[推到 Facebook]


安裝、設定方法：
只要把上面兩個推文按鈕的程式碼貼上到你的網頁或部落格版面即可，以下以WordPress網站為例，其他PIXNET或Yam天空部落格等網站，可以把在佈景主題中新增一個「自訂欄位」，然後再把程式碼貼上即可。

詳見

Facebook 名片貼

這個功能其實已經在用了

不過
過去沒有認真研究這個工具
今天一時興起，又深入研究一番
哈哈
現在教學網站上已經陸續增加各式名片貼
這下要好好宣傳一下我的粉絲專業了

e化資訊教育情報網
資訊教育情報網
台灣手工藝購物網
零食起義團購網