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 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

Google Chart API

今天發現Google Chart API這個Google推出的有趣網路服務,使用者只需要將想要圖像化的數據內容,透過網址的參數傳遞方式便可產生對應的圖表,範例如下:

上面這張圖片是直接指向”http://chart.apis.google.com/chart?cht=p&chd=s:world5&chs=200×125&chl=A|B|C|D|E|F“這個網址的圖片,其中幾個重要的參數如下:

  • http://chart.api.google.com/chart?是Chart API的網址
  • cht是圖片類型,圓餅圖、長條圖….等等
  • chs=200×125代表圖片size(以pixel為單位)
  • chd則是指定圖表的數據資料,格式在Google Chart API的網頁上有說明:
    • Upper case A = 0, B = 1 and so on to Z = 25.
    • Lower case a = 26, b= 27 and so on to z = 51.
    • Zero (0) = 52 and so on to 9 = 61.
    • Specify a missing value with an underscore (_).
    • If you have more than one set of data, separate each set with a comma (,).

稍微改一下參數就可以變成3D的立體圓餅圖了:D(不過文字標示部份怪怪的,等要用到再來研究研究吧:D)

詳細的說明就請上Google Chart API的說明網頁吧!