arrow link facebook search
2008-10-23 POSTED BY admin

用Urchin和swfAddress來做Flash網站的page view

簡介:

Flash網站的page view數據的產生ㄧ直是大家很關心也很頭痛問題。以前的作法,是在Flash button或特定的地方加入code,去呼叫後台程式將相對應的參數記錄進資料庫中。這樣的作法,缺點在於Flash裡要加程式,後台要加讀寫資料庫程式,開資料表,最後還要有檢視報表的頁面與程式,而且只能提供page view或click數,無法提供user停留時間或不重複的瀏覽人數等資訊。

這裡要介紹兩個東西:Urchin以及swfAddress。用這兩樣東西,可以用較少的人力,來產生Flash網站的page view以及一些客戶常會要求的數據。

Urchin是公司最近購買而且已經架設好的一套網站分析系統,Jerry應該有向企劃部的同事demo過這套系統,帳號密碼也開給大家了。創意部的大概比較少會去碰到它。只要是設定好的網站上面的頁面甚至各類型檔案,都可以在系統裡看到相關的瀏覽資訊。

swfAddress則是一個開放式的元件,包含Javascript以及ActionScript。起初的用意是要提供Flash網站各頁面的獨立網址,提供直接連結到Flash網站某一頁面的方法。這個元件可以到http://www.asual.com/swfaddress/下載。這個元件大致的運作過程是:ActionScript依據狀況來呼叫Javascript去改變瀏覽器網址後面的標籤,而當瀏覽器標籤變化後會觸發事件,讓ActionScript又可以依照這個事件的狀況去做反應,例如跳到某個影格或載入某單元的swf。效果可以看看我做的一個測試網站:

http://www.family.com.tw/marketing2/test2/

如果你還沒被上面這些名詞搞的暈頭轉向,大概可以猜到我想做的事情:用swfAddress來改變瀏覽器的網址,看看這個網址能不能被Urchin這套系統記錄下來。實驗結果當然是可以的,不然我也不用花時間寫這一篇。不過這中間當然有些技巧,包含Flash程式的撰寫跟資料判讀部份。下面分兩個部份,請企劃部跟互動組的同事詳細看一下屬於自己的部份。

以下請企劃部同事詳細閱讀:

首先進入Urchin系統,然後在清單上選擇網站。進入之後,點選左邊選單的 所有報告>內容最佳化>內容效能>內容深入,如下圖橘色部份。

urchin1.gif

接著在中間區塊內,依照資料夾路徑,找到要瀏覽的資料夾,就可以看到網站裡面的檔案瀏覽資訊:

urchin3.gif

其中會有一些資料夾名稱是特別命名的,這些資料夾實際上並不存在,只是由於swfAddress產生的標籤很像資料夾的格式,所以Urchin會把它當成資料夾來記錄。每個資料夾就代表一個Flash的頁面。資料夾路徑跟資料夾名稱所代表的頁面以後會由互動組出給PM,然後就由PM自行去檢視資料囉。Urchin的操作請自行熟悉。

如果到了資料夾裡面看不到東西,可以按一下上一頁或下一頁來切換看看。

附帶ㄧ提:這個方法只適合拿來做page view,不適合做click count。這方法可以很簡單去定義每個「頁面」,然後得到資訊,但很難去計算某個button或banner被點了幾次。這點要請大家先了解。

urchin2.gif

以下請互動組詳細閱讀:

首先要下載swfAddress元件。可以到 \\Nas4200\網路基因\Gray\swfAddress 下載我做的範例。裡面會有.js以及.as檔案。.js是html要去include的javascript檔,.as則是Flash要去import的actionscript檔。準備好檔案後,首先在html頁面要加上這幾行呼叫javascript的程式:

<script type=”text/javascript” src=”swfaddress/swfaddress.js” mce_src=”swfaddress/swfaddress.js”></script>
<script src=”urchin.js” mce_src=”urchin.js” type=”text/javascript”></script>
<script type=”text/javascript”> _userv=0; urchinTracker(); </script>

第一行是swfAddress的javascript部份,第二三行是呼叫Urchin的部份。

接下來是Flash的部份。首先執行 import SWFAddress; 匯入swfAddress的actionscript部份。

接著使用 SWFAddress.setValue(“/home/”); 指令,可以在網址後面加上”/home/”的標籤,標籤名稱可以自己換。也可以有好幾層,例如”/home/page1/”等等。這個指令可以下在button的onRelease事件裡面,也就是按下按鈕時去改變網址狀態。

最後最麻煩的,是 SWFAddress.onChange 事件。這事件在網址被改變時會被觸發。裡面要處理的,就是依照標籤名稱不同,去執行相對應的動作,例如載入某swf,跳到退場的影格等等動作。內容就要依照實際的狀況去改寫了。

以上這些都是在網站製作最後再去加。加完後請出一份標籤對應的頁面,以及正式站上實體資料夾路徑給PM。詳細的規範下次我會先出一份給大家。

By Gray