SPD4290

Tuesday, 23 June 2009

第七週 : 流量進階分析 - Google Analytics

要進一步分析您的流量、以及訪客來自哪裡、哪些頁面最多人觀看，就需要更强太的追蹤網站功能。Google 免費的 Google Analytics 就能做到！

第一步：建立帳號

首先我們 http://www.google.com/analytics/ 登入Google Analytics 。
您必須要有Google帳號，沒有的話可以按右下方「立刻申請」。

第ニ步：「新增網站設定檔」

登入之後就是設定主頁，畫面中間看到的就是網站設定檔。但是一開始使用的朋友是沒有資訊的，這時候就必須要先「新增網站設定檔」，把自己要追蹤的網站設定檔建立起來。

第三步：產生「追蹤程式碼」

到了建立設定檔頁面，剛使用的朋友請選擇「新增新網域的設定檔」，並輸入要追蹤的網頁網址，同時選擇時區。接下來就會產生追蹤程式碼，網頁下方會有追蹤程式碼可以複製，讓您貼到您要追蹤的所有網頁上。

第四步：在網頁內加入追蹤程式碼

如果是要自己貼到自己網頁或在Blogger的HTML範本內容上的話，請注意要貼在＜/body＞之前！而追蹤程式碼有新版、舊版之別，建議選擇新版本來用。

完成之後，可以在設定主頁的地方，看到畫面中間出現了剛剛設定的網站設定檔。按下「修改」可以修改設定檔內容，會出現修改設定檔畫面，要更換或重新取得追蹤程式碼，按一下右上方的「檢查狀態」就可以了。

而下方可以按「新增使用者」新增其他使用者，有兩種權限，一種是可以更改設定檔的「管理員」，另一種就是只能觀看報告的「使用者」。

第五步：在Blogger中加入追蹤程式碼

如果主要是在Blogger中加入追蹤程式碼，可以小エ具中的HTML/JavaScript以簡易方法加入頁尾或是側欄，這樣不管在哪一頁都會追蹤到。

首先進入Blogger的後台，切到「範本」頁面，選擇「網頁元素」，下方就可以看到網誌的版面了。找到要加入的位置，按「加入網頁元素」，選「HTML/JavaScript」。貼上追蹤程式碼，按下「完成」。

第六步：檢視報告

接下來等個24小時左右，就可以由控制主頁的「檢視報告」，進入報告頁面！
而您也就可以透過這一份報告，了解Blog內的訪客資訊、流量、地域分佈等。

Tuesday, 4 March 2008

第六週 (A) : 向第一個$100進發

有了內容及流量，我們如何產生收入？互聯網和Blog都是新的事物，所以大家不要害怕嘗試新的商業提式 ﹝Business Model﹞。在此向大家介紹一些現時比較常用的產生收入的方法：

向讀者募捐
參與聯盟活動
收費的會員資格
出售廣告空間
推出同Blog品牌相關的產品
向讀者推介您其他產品或服務

基於時間有限，本週只向大家介紹「募捐」及「廣告」兩種。

向讀者募捐

向讀者募捐對新的Blog來說一般都不是有效產生收入的方法，除非您有非常獨特的訴求。但如果你不喜歡在Blog中裝廣告，收受捐款也是較可接受的方法。不過須要告訴讀者您募捐的原因，目標及使用方法。﹝比如您不希望廣告影响Blog的中立性，但亦須要經費維持﹞

一般求說在Blog上收信用卡，技術上是可行，但基於信心及保安問題，一般讀者都不太接受。透過PayPal 來募捐在Blog上是比較常用。Paypal是一種網絡付款的金融服務，有Paypal Account的人，透過預先建立的信用卡或銀行帳号聯繫，付款給有電子郵件帳户的人。收款者當然也需要到Paypal註冊，收軟會以支票或轉帳支付。

有關PayPal捐贈，可參考：
http://www.paypal.com
https://www.paypal.com/us/cgi-bin/webscr?cmd=p/xcl/rec/donate-intro-outside

「使用您網站上的按鈕，或是電子郵件中的鏈接來接收捐贈！

使用PayPal捐贈來接受信用卡和銀行賬戶捐贈的成本低廉。只需幾個簡單步驟，即可將PayPal捐贈集成到您的網站

好處：使用PayPal收取捐贈可節省時間和金錢：

易於實施——無需CGI腳本
無預付成本——在接收其他PayPal付款時，享受相同的低費率
輕鬆收取——PayPal會在網站上保留詳細的交易記錄
捐贈人可自由捐贈——捐贈人可選擇其安全捐贈的數額，或者您可以設置一個固定數額」

技術簡介：
https://www.paypal.com/us/cgi-bin/webscr?cmd=_pdn_donate_techview_outside

示範：
https://www.paypal.com/us/cgi-bin/webscr?cmd=p/xcl/rec/donate-examples-outside

Thursday, 21 February 2008

號外B：進階設定 - 免費即時翻譯

今天同學對Google 提供網站內容即時翻譯甚感興趣，所以在此順帶也記錄下來。方法也很簡單，大家先到 http://translate.google.com/ 的 Tools 中( http://translate.google.com/translate_tools?hl=en&sl=zh-TW )，在Step 1 選定您Blog中的主要語文，然後將Step 2 的HTML程式碼複制起，再在Blog中使用網頁原素 Page Element，以 HTML/Javascript 的 widget 將以上HTML程式碼加入您的 blog。

使用時只須把選單拉下選擇翻譯語文，Google Translate 便會自動對網其進行翻譯。

號外A：進階設定 - 背景音樂

課堂上有同學問如何加入背景音樂 Background Music。要做到這一點，其實很簡單，更有很多不同的方法你可以使用。但最簡單的方法添加背景聲音是使用網頁原素 Page Element，以 HTML/Javascript 的 widget 將第三方音樂功能加入您的 blog。

e.g.
<embed width="200" src="http://yoursite.com/yourmusic.mp3" autostart="false" loop="false" height="50"></embed>

"http://yoursite.com/yourmusic.mp3" 是音樂的url

這個Blog新加入的音樂設定是
<embed width="200" src="http://www.i-freeware-download.com/AcceleratedIdeas/MP3/ORIENTAL/DistantShores_A007(cr).mp3" autostart="true" loop="false" height="50"></embed>

你可以改變一些參數，以滿足不同的需要：
-autostart: set to "true" to make the music begin as soon as the page is loaded, or "false" to allow the user has the option to press the play icon

-loop: set to "true" to have the music play forever, or "false" so that it plays once.

你可以連結mp3, .mid or .wav 音樂檔案。但是，你必須意識到版權限制，並確保你在適當的許可下使用！

這裡有兩個無版權音樂網站，你可以試用:
Free Music Tracks
FreePlay Music

Wednesday, 24 October 2007

第五週 (C) : 客從何處來

既然有了增加流量的方法，大家可會問甚樣知道Blog的流量？市面上有很多Site Monitor 或Site Meter的免費軟件，可考慮Site Meter 或Google 的 Analytics。不過今次我介紹給大家用的是ClustrMap，因為它比Analytics容易入手，而且可顯示閱覧過的人的來源及多少於世界地圖上。

1. 登記Account
先到 http://clustrmaps.com/ 登記；按 (Register to get one...)

2. 登入Clustrmaps
Clustrmaps會電郵一個Password給您。請用你Blog的ULR及這個Password登入Clustrmap。

3 取 Code
不同的Code用於不同的Blog平台Blogspot的可用A選類的Code:
[A] Recommended code to include in your page (hint: click below and use CTRLA to select ALL):