你有發現在手機點選FB的網址,有時候手機是開啟瀏覽器來閱讀,有時候卻是開啟FB的APP來閱讀,你有發現這個差異嗎?

也許你會問:這有甚麼關係?但是對使用者來說,這是使用者體驗的問題,因為如果自動用FB的APP來閱讀,基本上都是處於登入狀態的,使用者也可以直接按讚或分享粉絲團文章!而且閱讀體驗也不同,版面配置較接近APP的使用習慣。

那問題來了,網頁或是電子報內的FACEBOOK連結,要怎麼讓使用者點選後讓手機自動開啟 FACEBOOK APP來閱讀呢? 如果使用者是用筆電或桌機點選,則開啟電腦的瀏覽器來觀看。

情境一:筆電或桌機點選, 開啟電腦的瀏覽器來觀看

情境二: 手機自動開啟 FACEBOOK APP來閱讀

如果要同時滿足上面兩種情境,你的FACEBOOK網址需要經過轉換的加工處理!簡單說:因為手機的APP跟瀏覽器認識的網址不同。

iOS iPhone手機的 FACEBOOK APP 認識的網址是這樣的:fb://page/?id=313353055299999

Android手機的 FACEBOOK APP 認識的網址是這樣的:fb://page/313353055299999

筆電或桌機 認識的網址是這樣的: https://www.facebook.com/xxxxxxxxxxx

手機瀏覽器 認識的行動版網頁網址是這樣的: https://m.facebook.com/xxxxxxxxxxx

只能說 FACEBOOK 並沒有很貼心的自動去判斷這些載體與裝置的AGENT而自動去轉換,所以才需要經過轉換的加工處理! 如果你是懂程式的,當然可以在自己的網頁上判斷AGENT 而自動去轉換,但如果你不懂程式,就可以用一般市面上的短網址服務來協助!

短網址服務 中的設定,有針對依裝置判斷導向的設定:

短網址服務會自動判斷使用者裝置,來導向不同的網址:

android 設定的網址: fb://page/xxxxxxxxxxxx
ios 設定的網址: fb://page/?id= xxxxxxxxxxxx
這樣才會開FB APP而非網頁 。

之後把短網址分享出去,或放在電子報/網頁上,當使用者點選這個短網址時,就會 自動判斷使用者裝置,來導向不同的網址,進而開啟 FACEBOOK APP來閱讀 。

延伸閱讀:北部新冠快篩站預約與等候結果
延伸閱讀:疫情嚴重時少出門必備工具
延伸閱讀:口罩有縫隙! 美國CDC教你knot and tuck改良自己的口罩
延伸閱讀:居家工作 網路攝影機 幫忙看門/看小孩
延伸閱讀:「公費疫苗可選廠牌」哪種廠牌好? 要投保疫苗險嗎?
延伸閱讀:WFH在家工作 急需傳真不用跑便利商店
延伸閱讀:WFH在家工作時時關心疫情 – 小米盒子(追劇看新聞)
延伸閱讀:勞工紓困貸款 貸了有何影響?
延伸閱讀:打不到新冠肺炎(COVID-19)疫苗? 先打肺炎鏈球菌疫苗?
延伸閱讀:COVID-19新冠肺炎 居家快篩試劑,保護自己保護家人
延伸閱讀:必須在長輩手機上設定的 緊急聯絡人與緊急醫療資訊 (快樂缺氧怎麼辦?!) 
延伸閱讀:打了新冠肺炎(COVID-19)疫苗 副作用 (親身經歷)

Netflix紀錄片《智能社會:進退兩難》(The Social Dilemma, 2020),訴說著我們每天使用的免費社群軟體,是如何吸引我們的注意力及其背後的運作機制。

Photo: Netflix

《智能社會:進退兩難》著力最深的批評對象就是 facebook(臉書),facebook(臉書)讓我們免費使用,從使用行為中了解我們的喜好與興趣,並依據演算法推薦給我們喜好的內容與廣告資訊。我們就像被餵養的老鼠,不斷被餵食,卻也不斷失去審視與辨思的能力。

有時po出了一張照片,我們依據讚數來享受回饋,爾後又把照片刪除,我們再po出更聳動的照片試圖吸引目光,人們互相餵養彼此的讚數,人們從社群平台上接觸彼此,我們免費使用這些社群軟體,交出了自己珍貴的圖像與人脈網絡,按下許多讚與不讚,我們正被系統以精密的演算法貼上許多標籤,並分門別類,提供給廣告主投放付費廣告。

我們在網路上的一舉一動,都被記錄著,就像你曾經搜尋過的商品總也是不斷出現在眼前,facebook與google有更精密的演算法,可以預測並提供未來商品。

在現今這個世代,讓人上癮就屬社群軟體,是一種合法的毒品,且人們心甘情願使用它,而且是跟著一輩子的使用記憶。進退兩難的是,不使用它,彷彿與世隔離。

想開 台新Richart 帳戶嗎? 想申請 @GoGo黑狗信用卡嗎 (一般交易有1.5%回饋, 指定精選通路最高6%現金回饋)? 點擊連結完成綁定再加入Richart,就能獲得NT$100 用戶禮 現金!
(要先用此連結登記, 再申請Richart帳戶才有100元喔)

威力彩線上電腦選號(真正電腦選) 台灣各家銀行信用卡0800免付費電話 客服電話 智能客服 你的解答書-抽籤問事 般若波羅蜜多心經 與 持誦次數記錄 vlog 保費繳別計算器

2013年4月左右, Facebook 又發佈了新的「動態時報」(TimeLine), 又要再度適應新的版面, 在我們的 「關於」中新增了「應用程式」欄位,而且提供第三方應用嵌入的選項,讓那些應用在「動態時報」上也擁有獨立的顯示區塊。

這樣的改變,讓每個人的興趣與喜好一覽無遺,著重應用程式和興趣分享:

這表示你展示 Instagram 的照片動態

這表示你展示 Instagram 的照片動態

既然是興趣與喜好的分享,所以一定是做了什麼事情所產生的事件,就像我們 “買"了一本,"聽"了一首歌曲,"收藏"了一篇文章,"看"了一部電影,玩 Candy Crush Saga “完成 completed" 了某一個等級  …… 等等,都是有一個動詞所產生的事件,Facebook 讓我們可以定義這個動詞:

* 例如有一個食譜網站,它就可以放一個按鈕 (並定義按鈕動作),說某人 “煮" 了一道菜,之後會自動發佈訊息到使用者的動態時報上面,讓他的朋友們看到。

* 例如有一個電影網站,它就可以放一個按鈕 (並定義按鈕動作),說某人 “看" 了一部電影,之後會自動發佈訊息到使用者的動態時報上面,讓他的朋友們看到。

創意是無限的,你可以向 Facebook 遞交自己的動詞 (定義按鈕動作) 與故事。
遞交程序請參閱: https://developers.facebook.com/docs/opengraph/submission-process/

遞交審核時,要把在網站上的操作步驟都列出來,用戶按了哪個按鈕,網站有什麼反應都要一步步列出來喔:

Submitting Common Actions for Review

Submitting Common Actions for Review

審核通過後會收到通知。

一個人的動態時報 timeline 現在可以出現某些獨立集合的區塊,讓你的社交圈知道你有哪些興趣,看了哪些書,看了哪些電影,收藏了哪些文章….. 這些都是Facebook 應用程式(FB APP) 現在可以做到的事情,也可以為網站帶來更多的流量。

在我們的 「關於」中新增了「應用程式」欄位,而且提供第三方應用嵌入的選項,讓那些應用在「動態時報」上也擁有獨立的顯示區塊

在我們的 「關於」中新增了「應用程式」欄位,而且提供第三方應用嵌入的選項,讓那些應用在「動態時報」上也擁有獨立的顯示區塊

Facebook provides default sections that people can optionally populate from common options generated by apps

Facebook provides default sections that people can optionally populate from common options generated by apps  (來源: https://developers.facebook.com/docs/opengraph/guides/collections/)

需要特別注意, 在遞交 Collections 前 , 有一些動作要完成, 到應用程式的Developer Roles 新增 一位 測試人員,之後以該測試用戶的角色登入,再回到網站進行測試,需要測試至少八次並產生八個結果(eight objects)!不然是不能送審的喔。

 

審核通過會收到通知, 就正式向所有用戶發佈了, 可以正式使用囉!!
使用過的用戶, 在他的動態時報上就會出現一個集合區塊囉 (如果用戶有同意的話):

Open Graph Collection on TimeLine

Open Graph Collection on TimeLine

在他的「關於」也會新增「應用程式」欄位喔。用戶可以自己將各區塊排序喔:

在他的「關於」也會新增「應用程式」欄位喔。用戶可以自己將各區塊排序喔

在他的「關於」也會新增「應用程式」欄位喔。用戶可以自己將各區塊排序喔

有問題請再回覆文章喔 ^^

網頁設計,程式設計

最近要登入yahoo的服務時, 可以看到, 已經可以使用 facebook 與 Google 帳號登入:

(但是 要到YAHOO 拍賣或是購物中心 等交易行為, 仍需使用原 YAHOO 帳號)

yahoo 登入畫面

yahoo 登入畫面

 

這種使用社群或是第三方帳號登入的方式, Anson 也在自己網站使用過, 基本上, 只是透過 facebook 和 google 來核對帳號密碼, 我們並無法得到用戶真實的 密碼, 但是使用率一直都不高, 也被人問過, 為何 facebook 的授權畫面為何出現 “允許此程式取得我的基本資料", 也許是因為這樣, 造成用戶疑慮, 以下畫面為 yahoo 透過 facebook 取得授權時, 要求的權限, 可說是要求更多, 這些額外的要求都是可以控制的, 其實可以不用要求這麼多權限, 像我就比較無法接受 “取得我朋友的資訊" 這一項 (見人見智), 不過 yahoo 身為入口網站, 願意以開放的心胸來面對, 值得鼓勵 :

 

Anson 自己的網站也有提供 第三方帳號登入, 只要有登入並授權我們, 他就可以看到網站內進一步的資訊與圖片, 算是提供了一種進階的服務, 我們只要求了 “發送電郵給我" 這一項額外資訊  :

Anson 第三方帳號登入畫面

Anson 第三方帳號登入畫面

如對 使用這種登入方式有興趣, 或是網站需要這種登入方式 (免得讓客戶再註冊一個帳號), 可留下您的意見, 或是交換心得.