Computing
[WhatsApp] 透過網頁開啟WhatsApp
當建立公司網頁時, 通常會留電話號碼, 電郵等作聯絡方法, 而WhatsApp 亦有類似方法可以實現.
Social Media
ASP.net MVC
[ASP.net] 透過oAuth 與Google / Facebook 進行互動登入
有時寫External Application, 為簡化註冊程序, 有時會引入oAuth 將認證及登入等交給第三方處理 (如Facebook, Google / Linkedin 等). 而在ASP.net MVC 中, 亦已有相對應方法如下:
Facebook
[Facebook] 在不使用API Key 建立Facebook Share Button
正常情況下, 若網站需要執行Facebook功能如Like, Share, Login 等, 都須要在Facebook 登記一條API key, 並用它作相關設定. 然而, 在Share 功能中, 則有方法規避, Sample code 如下.
Search Engine Optimize (SEO)
[SEO] Robot.txt 寫法
Search Engine 去收集網頁的data, 主要會利用web robot 去screen 網站中的內容, 並更新其database. 然而, 部份網站並不樂見有robot access 其網頁, 除了產生不必要的network traffic 外, 而且還有機會screen到敏感資料. 因此便出現了Robot Exclusion Protocal, 一種common command去指令robot 去screen 哪兒.
Social Media
[WhatsApp] 如何在webpage 傳送WhatsApp message
在網頁中, 除了不同social media 的button 外, 最近還多了WhatsApp icon, 當按下去時, 它便會彈出dialog 並選擇contact, 其實做法好簡單如下:
Open Graph Protocol
[Open Graph] 如何設定Facebook Shared Content
最近做一個project, 網站需要利用social media 作sharing, 基於de-facto standard, 故須要於網頁中加入Open Graph Protocal. OpenGraph 是Facebook 發明的一套準則, 可讓不同的search engine 更有效地收集到網頁中的資訊. 現在除了Facebook, WhatsApp 都有應用到. 當將URL 放到message box 上, 它便會讀取網頁上的OG tag, 從而讀取 data render UI. 於<HTML> tag 內, 須加入prefix 作識別: <html prefix=”og: […]