Thursday, June 17, 2010

號外 : Blogger 新功能 - 靜態網頁

在Gadget 加入Page 後,當發布頁 (Edit Page > New Page) 面時,它會自動顯示的導航菜單 (Navigation Menu)。

如何設置靜態網頁功能在Blogger / Blogspot上?
- 在 Design > Add a Gadget> 加入Pages

- 在 Posting> Edit Pages, 然後單擊 New Page



表格出現後,鍵入新一頁的內容。 舉例如製作訴一頁“About Me”,只需鍵入這些形內容,然後點擊發布。 To edit the order, click Layout , then click the Pages Widget .如要改變頁面次序,單擊 Layout ,然後點擊 Pages Widget ,從這裡我們可以編輯它的鏈接結構。


Tuesday, June 23, 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, March 4, 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, February 21, 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, October 24, 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):


4. 加入Blogspot的Sidebar
可選擇於Blogspot的Template 中以加入HTML/JavaScript的Page Element 加入Clustrmap的流量地圖。

Monday, October 22, 2007

第五週 (B) : Technorati 的使用

1. 在文章中加入Label


2. 先開Account,然後Claim自己個Blog


3. 選擇Claim Blog的方法;建議用Post Claim。


4. 加入Code到新Post的文章

加入Claim Code後發表的文章。e.g.:
http://is352.blogspot.com/2007/10/active-claim-by-technorati.html

5. 等候Technorati Checking

6. Claim Process 完成,加入其他資料。


7. 可選擇於Blogspot 的Template 中以加入HTML/JavaScript的Page Element 加入Button


8. 建立Tag Cloud


9. 選擇Tag Cloud的外觀





10. 於Blogspot 的Template 中以加入HTML/JavaScript的Page Element 加入Tag Cloud的Widget Code



11. 二至三天後,您在SideBar 上便會看到您以Label為分類的Technorati Tag Cloud