使用Google Chart API繪製方程式

Another undocumented Google Chart API

前陣子Google Docs中開始可以使用Tex的語法讓學生、研究人員可以在Google文件中編輯方程式,而這些方程式的呈現方式其實是用Google Chart API所繪製的(看來Google Chart API沒說的秘密還真多,不過這個在Google主要產品之一出現的內容,應該不難發現,所以似乎也算步上什麼秘密?)。

上圖便是用Google Chart API所繪製的方程式,使用方法很簡單:

http://chart.apis.google.com/chart?cht=tx&chs=1×0&chf=bg,s,FFFFFF00&chco=000000&chl=f(x)=\int_{-\infty}^x%20e^{-t^2}dt

將上面的網址最後的chl參數代換成您想要的方程式即可。當然如果您希望方程式有點顏色,您可以修改chco參數,至於其他參數我就不太清楚用途了。(身為研究生,我只是單純想在論文裡面告訴老師我用了什麼方程式啊~XD謎之聲:研究生直接用LaTex寫就好啦!)

您可以在Google搜尋tex online或latex online,可以找到幾個好用的線上編輯器(當然您也可以直接使用Google Docs),倘若您的網站或是應用程式需要呈現大量的數學方程式,這應該是個不錯的工具。

Google Chart API沒說的秘密(Undocumented Google Chart API)

有持續在關心Google技術發展的朋友應該會發現,近來Google API文件中文版越來越完整,例如Google App Engine、Google Maps甚至是本篇的主題Google Chart API幾乎都有完整的中文版文件(而且非常貼心的是,繁體中文版與簡體中文版是不同的,有依照語言習慣、專有名詞進行翻譯)。

今天要談的是所謂Undocumented Google Chart API,也就是官方文件裡沒提到的秘密,總共有下列幾種:

  1. 帶有外框的文字圖片(Chart Type for text with outline), 本文一開頭的圖片便是使用Google Chart API所產生的文字圖片
  2. 地圖指標(Chart Type for map pins),可以用來放在Google Maps或是其他網站上的icon使用。
  3. 對話方塊(Chart type for information bubbles,應該翻譯成資訊氣球、資訊泡泡?)
  4. 便利貼(Chart types for sticky notes),這邊可以注意到字型比較接近新細明體,不如上圖中的文字飽滿,顯然某些中文字型的支援度是分開處理的。

這些圖片的參數在下面的連結裡面都有非常詳細的解說,就不在此贅述,使用時也請注意畢竟是非正式的版本,很有可能會修改甚至移除該服務,若要用來在您的產品上應用請小心;另外是中文字型的處理,效果在某些時候不是特別好,如果要大量使用可能要先評估。

References

如何使用Google Analytics追蹤網路行銷活動效益

Google Analytics進階應用:使用廣告系列工具

Google Analytics是網站經營者、網路行銷人員用來檢視網站流量以及分析各類數據的好工具,例如檢視操作關鍵字的成效、各類網路行銷活動的曝光度或是其他社群操作、廣告所帶來的流量。在Google Analytics裡面可以直接看到各類流量來源:直接流量、推薦連結網站、搜尋引擎,從流量來源可以協助行銷人員了解網站的流量是否如預期般的構成,或是有出乎意料之處,作為持續強化網站經營方針或是網路行銷策略調整的參考。

如果想精確掌握各類流量來源,Google Analytics可以怎麼協助您呢?答案是:使用廣告系列工具追蹤各類流量。(英文為Campaign,您可以從Google Analytics中的流量來源選單看到)

舉例來說,您決定針對某次的行銷活動在Ptt BBS、網路論壇、Facebook以及當紅的Plurk等各類社群媒體(Social media)散播連結(或是圖像Banner、Flash banner皆可),您想要精確地掌握文字連結、圖像連結、動畫連結,在不同的社群媒體中,分別帶來的流量,倘若您不使用廣告系列(Campaign)的話,便只能從推薦連結網站中看到從不同網站連進來的流量,無法進一步地分析究竟在Facebook是文字連結效果好還是圖像連結的效果好,也無法掌握從Ptt或其他BBS上連進來的流量(從BBS中點擊的連結會被列為直接流量,因為這類的點擊不會送出Referer的資訊)。

設定廣告系列工具後的報表內容

若您使用廣告系列工具,將會看到下列的圖表:

從左圖中,您可以發現多數的流量是來自「其他」,也就是從該次網路行銷活動中,有使用「廣告系列」工具帶來的流量比例,點擊進入廣告系列工具觀看詳細報表後,可以進一步從不同的媒體、來源、關鍵字、廣告內容等維度來篩選資料,在上圖中您可以直接看到來自不同banner的流量比例,例如第三個banner在一個月的活動中只帶來85次的造訪,若我是行銷人員,未來大概就不會考慮花錢在上面(當然如果該banner帶來的轉換率很高或是其他數據表現優異,還是可以考慮)。

如何設定廣告系列工具

至於要如何利用Google Analytics來追蹤網路行銷活動效益呢?其實Google就有提供簡單的工具:URL Builder for Google Analytics

頁面中有幾個主要欄位分別如下:

  • Website URL: 您的網站或是行銷活動的頁面連結,例如 http://punk.tw/about
  • Campaign source: 來源,即Referer,例如來自Google或是其他配合的網站,如Ptt、Ptt的某個板,甚至是MSN、Plurk、Facebook
  • Campaign medium: 媒體,例如該連結是放置在e-mail中的連結、banner中的連結、或是純文字連結,都可以藉此追蹤
  • Campaign Term: 付費關鍵字,在此的使用情境是例如您在其他網站同時購買或操作了3個不同的關鍵字連結,您可以藉這個設定來追蹤不同關鍵字所帶回的流量成效
  • Campaign Content: 內容,可以用來區隔出不同的廣告內容,例如同樣在某個社群媒體上,同一個關鍵字分別在不同的討論區中出現,便可以用這個欄位來區隔(其實我不是很確定這個欄位該怎麼使用,還請各位指教、分享)
  • Campaign Name: 名稱,例如產品名稱、優惠代碼

輸入上列欄位(或是只輸入必填欄位即可)後按下Generate URl便會產生對應的網址,例如:

http://punk.tw/about?utm_source=Cyberpunk&utm_medium=text&utm_content=how%2Bto%20use%20campaign%20in%20google%20analytics&utm_campaign=emarketing

假設正在看文章的您點擊了這個連結,未來我便可以在Google Analytics中追蹤到來自這個連結的流量。URL Builder做的事情其實很簡單,只是把幾個參數兜起來而已,目前已經常見的使用方式是將上述網址以縮網址工具縮短後傳播出去,知名的縮址網站bit.ly甚至還提供了Google試算表的格式示範如何運用bit.ly的API快速產生大量搭配Google Analytics Campaign網址的工具:http://spreadsheets.google.com/ccc?key=rFpFDq1djvr9Bx2Uz-K8CFQ&hl=en

最後分享幾個除了一般行銷活動之外,我想到的應用方式:

  • 追蹤放在MSN心情上的連結究竟有沒有朋友點擊
  • 追蹤BBS文章中的連結流量(不同討論板還可以分開設定)
  • 追蹤BBS文章的簽名檔、名片檔流量
  • 追蹤同樣一篇文章,以不同方式出現在不同社群媒體上所帶來的流量
  • 追蹤Facebook Application在News feed、Notification或Invitation所帶來的個別流量

事實上一般程式開發者經常使用的方式是自己在程式內搭配網址的參數即可追蹤流量,但Google Analytics的優勢在於網路行銷人員不需修改程式也可以追蹤流量,並且在追蹤後可以不同維度、不同條件進行交叉分析,精準地掌握行銷效益。

Google Maps的智慧(幽默?)

現在正在參加Taipei GTUG,剛剛聽到ericsk大大分享的一個小技巧:

在與朋友分享Google Maps上的路徑規劃地圖時,可以將saddr及daddr參數代入網址,點選該連結之後就可以直接進入路徑規劃的頁面。

http://maps.google.com/maps?saddr=起點&daddr=終點&hl=zh-tw

於是我剛剛無聊就稍微測試了一下下列網址:

http://maps.google.com/maps?saddr=Beijing&daddr=台北市政治大學&hl=zh-tw
路徑規劃結果會如下圖所示:

Firefox
規劃路徑直接橫跨台灣海峽,這並不意外,比較讓我意外的是下面兩張圖:

游泳橫渡太平洋

Swim across the Pacific ocean

真是太有趣了XD Google的智慧很聰明的,遇到該游泳的時候就請你游泳,而不是丟給你錯誤訊息說:「無法規劃此路徑」XD

Google App Engine似乎全面開放了?

自從Google App Engine開放了少數試用的帳號之後,我一直在排隊等待,只怪當初沒有在第一時間搶到名額(如果我沒有戒掉資訊焦慮,倒是有可能先搶到XD)。而剛剛在ericsk’s blog上看到 Google App Engine的收費標準,好奇之下便連到Google App Engine的官方部落格,並且看到下面這段話:

With more than 80,000 of you still waiting to use App Engine we’re especially pleased today to announce that we are opening the flood gates–now anyone who wants to use App Engine can give it a try! So, if you haven’t already, head over to our Admin Console and create your first application. Note: you’ll need to verify your account with a mobile phone before doing so.

於是馬上連到http://appengine.google.com/,真是太神奇了,現在似乎是全面開放了?有圖有真相

image 

沒想到點下去之後會出現錯誤訊息如下,看來果真要通過手機認證才行。

image

總之,輸入手機號碼之後就會收到一封來自Google的簡訊,填入認證碼之後就可以成功進入Google App Engine中Create An Application的畫面啦!:D

image