<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>J Solutions Blog</title>
	<atom:link href="http://www.jsolutions.biz/blog/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.jsolutions.biz/blog</link>
	<description>J Solutions 是一間香港網頁設計公司，是少數提倡遵照網頁標準，及把 SEO 原則運用在網頁設計上的公司。</description>
	<lastBuildDate>Fri, 13 Nov 2009 03:39:37 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.6</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Yahoo! 對政府網站的特別照顧</title>
		<link>http://www.jsolutions.biz/blog/seo/yahoo-special-care-to-government-websites/</link>
		<comments>http://www.jsolutions.biz/blog/seo/yahoo-special-care-to-government-websites/#comments</comments>
		<pubDate>Fri, 13 Nov 2009 03:38:38 +0000</pubDate>
		<dc:creator>Joseph Mok</dc:creator>
				<category><![CDATA[搜尋引擎優化 SEO]]></category>

		<guid isPermaLink="false">http://www.jsolutions.biz/blog/?p=484</guid>
		<description><![CDATA[很多人都認為搜尋引擎對政府網站特別重視，因此相關的搜尋結果中，政府網站的網頁總是排得比較前。政府的資料可信性不容置疑，能提供準確的訊息給用家，排得較前也無可厚非。
最近完成了一個新網站，由於內容和政府網站的資料有相同之處，筆者也預計到一定會有上述情況發生，不過沒想到原來Yahoo!對政府網站真的有特別照顧，大家可看看以下的搜尋結果：

圖中可見搜尋結果的條目，是以文娛活動的名稱為標題，然而當你點撃這個連結，就會發現康文署網頁上的標題是「文 化 節 目 節 目 詳 情」。要知道在一般情況下，搜尋引擎只會使用網頁上 Title Tag 上的文字作為搜尋結果標題，因為要抽取內文作為標題，顯然要先理解內文的資訊，才能給予一個比原網頁更貼切的標題。
其實以上康文署網頁資料是來自其站上的活動搜尋工具 (雖說是搜尋，但也有提供列表顯示各項活動，因此搜尋引擎可以收錄個別活動資料)，可能這網頁的框架用了不少時間，而且更新的頻率也很高，因此Yahoo!會嘗試給一個更貼切的標題給用家。但Yahoo!也不是每個活動都會自行更改標題，究竟在什麼情況之下才會進行，則只有Yahoo!才知道。
Permalinks:Yahoo! 對政府網站的特別照顧
<p>Permalinks:<br/><br/><a href="http://www.jsolutions.biz/blog/seo/yahoo-special-care-to-government-websites/">Yahoo! 對政府網站的特別照顧</a></p>
]]></description>
			<content:encoded><![CDATA[<p>很多人都認為搜尋引擎對政府網站特別重視，因此相關的搜尋結果中，政府網站的網頁總是排得比較前。政府的資料可信性不容置疑，能提供準確的訊息給用家，排得較前也無可厚非。</p>
<p>最近完成了一個新網站，由於內容和政府網站的資料有相同之處，筆者也預計到一定會有上述情況發生，不過沒想到原來Yahoo!對政府網站真的有特別照顧，大家可看看以下的搜尋結果：</p>
<p><img class="alignnone size-full wp-image-485" style="border: 1px solid black;" title="2009-11-13_094156" src="http://www.jsolutions.biz/blog/wp-content/uploads/2009/11/2009-11-13_094156.png" alt="2009-11-13_094156" width="409" height="185" /></p>
<p>圖中可見搜尋結果的條目，是以文娛活動的名稱為標題，然而當你點撃這個連結，就會發現康文署網頁上的標題是「文 化 節 目 節 目 詳 情」。要知道在一般情況下，搜尋引擎只會使用網頁上 Title Tag 上的文字作為搜尋結果標題，因為要抽取內文作為標題，顯然要先理解內文的資訊，才能給予一個比原網頁更貼切的標題。</p>
<p>其實以上康文署網頁資料是來自其站上的活動搜尋工具 (雖說是搜尋，但也有提供列表顯示各項活動，因此搜尋引擎可以收錄個別活動資料)，可能這網頁的框架用了不少時間，而且更新的頻率也很高，因此Yahoo!會嘗試給一個更貼切的標題給用家。但Yahoo!也不是每個活動都會自行更改標題，究竟在什麼情況之下才會進行，則只有Yahoo!才知道。</p>
<p>Permalinks:<br/><br/><a href="http://www.jsolutions.biz/blog/seo/yahoo-special-care-to-government-websites/">Yahoo! 對政府網站的特別照顧</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.jsolutions.biz/blog/seo/yahoo-special-care-to-government-websites/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>令人不安的 Google Sidewiki</title>
		<link>http://www.jsolutions.biz/blog/internet/not-feeling-comfortable-with-google-sidewiki/</link>
		<comments>http://www.jsolutions.biz/blog/internet/not-feeling-comfortable-with-google-sidewiki/#comments</comments>
		<pubDate>Tue, 06 Oct 2009 08:11:10 +0000</pubDate>
		<dc:creator>Joseph Mok</dc:creator>
				<category><![CDATA[互聯網]]></category>

		<guid isPermaLink="false">http://www.jsolutions.biz/blog/?p=480</guid>
		<description><![CDATA[Google 剛推出了一個新工具 Sidewiki，用家只要安裝了Google Toolbar，就可在任何網頁上留言，亦可閱讀其他人在同一網頁上的留言。Google 認為這工具有助提供更多更有用的資訊給用戶。
舊酒新瓶
以第三方工具形式，讓用家在任何網頁上留言的意念亳不新鮮，早在1999年已有類似服務 Third Voice。為什麼以前沒有成功？原因是需要用家登記並安裝瀏覽器插件，以前瀏覽網頁的速度已很慢，更要用插件，慢上加慢當然不受歡迎。後期也有一些公司嘗試，最有 web 2.0 網站感覺的是 Diigo，把 bookmark + content highlight 等設計成個人學習工具，分享評論次之，我相信用戶也以此為主要用途。
時至今日要在網站加入和訪客交流的功能真是易如反掌，免費的留言版、論壇程式或者服務不缺，就算想做到即時回應， Live Chat 、Helpdesk 等也有大量供應商，網站若果未有提供和用戶交流的工具，並非技術和成本問題，而是怕沒時間管理。
Blogger / Webmaster 為什麼不喜歡 Google Sidewiki
用 webmaster 的角度看，Google Sidewiki 帶來的麻煩比好處更多，如前述交流的渠道根本不缺，為什麼要多此一舉呢？Buzzmachine 上的討論相當激烈，筆者嘗試歸納他們關注的問題：

Google 「偷取」了網站的用戶評論，評論是網頁內容的一部分，而且對受歡迎的網誌來說更是非常重要的部分
強制參與，不論你喜不喜歡
必須安裝 Google Toolbar
webmaster 對留言完成沒有監控權，縱使看到惡意評論、廣告等也只可向 Google 提出，會否處理、有沒有時間處理成疑
有人在網站留言後沒有通知機制，難以處理回應
某些人可能錯以為 Google Sidewiki 是網站的一部分，或者以為 Sidewiki 是網站使用的留言服務，讓立心不良的人有機可圖，例如在慈善網站上留言叫人捐助騙財

目前為止 webmaster 可以做的是向 Google 表明網站擁有權，從而可以在 Sidewiki 上留下一個置頂的訊息。
個人認為最終 Google 會提供一些 API，令留言可以集中在網站指定的地方，如 Wordpress comment 或其他留言系統的服務令管理較易，但若果網站希望可以退出或者刪除 / 審核留言內容，估計機會很渺茫。
惡意留言、廣告、欺詐
Google [...]<p>Permalinks:<br/><br/><a href="http://www.jsolutions.biz/blog/internet/not-feeling-comfortable-with-google-sidewiki/">令人不安的 Google Sidewiki</a></p>
]]></description>
			<content:encoded><![CDATA[<p>Google 剛推出了一個新工具 Sidewiki，用家只要安裝了Google Toolbar，就可在任何網頁上留言，亦可閱讀其他人在同一網頁上的留言。Google 認為這工具有助提供更多更有用的資訊給用戶。</p>
<p><span style="color: #993300;">舊酒新瓶</span></p>
<p>以第三方工具形式，讓用家在任何網頁上留言的意念亳不新鮮，早在1999年已有類似服務 Third Voice。為什麼以前沒有成功？原因是需要用家登記並安裝瀏覽器插件，以前瀏覽網頁的速度已很慢，更要用插件，慢上加慢當然不受歡迎。後期也有一些公司嘗試，最有 web 2.0 網站感覺的是 Diigo，把 bookmark + content highlight 等設計成個人學習工具，分享評論次之，我相信用戶也以此為主要用途。</p>
<p>時至今日要在網站加入和訪客交流的功能真是易如反掌，免費的留言版、論壇程式或者服務不缺，就算想做到即時回應， Live Chat 、Helpdesk 等也有大量供應商，網站若果未有提供和用戶交流的工具，並非技術和成本問題，而是怕沒時間管理。</p>
<p><span style="color: #993300;">Blogger / Webmaster 為什麼不喜歡 Google Sidewiki</span></p>
<p>用 webmaster 的角度看，Google Sidewiki 帶來的麻煩比好處更多，如前述交流的渠道根本不缺，為什麼要多此一舉呢？<a href="http://www.buzzmachine.com/2009/09/23/google-sidewiki-danger/">Buzzmachine</a> 上的討論相當激烈，筆者嘗試歸納他們關注的問題：</p>
<ol>
<li>Google 「偷取」了網站的用戶評論，評論是網頁內容的一部分，而且對受歡迎的網誌來說更是非常重要的部分</li>
<li>強制參與，不論你喜不喜歡</li>
<li>必須安裝 Google Toolbar</li>
<li>webmaster 對留言完成沒有監控權，縱使看到惡意評論、廣告等也只可向 Google 提出，會否處理、有沒有時間處理成疑</li>
<li>有人在網站留言後沒有通知機制，難以處理回應</li>
<li>某些人可能錯以為 Google Sidewiki 是網站的一部分，或者以為 Sidewiki 是網站使用的留言服務，讓立心不良的人有機可圖，例如在慈善網站上留言叫人捐助騙財</li>
</ol>
<p>目前為止 webmaster 可以做的是向 Google 表明網站擁有權，從而可以<a href="http://www.google.com/support/toolbar/bin/answer.py?hl=en&amp;answer=157270">在 Sidewiki 上留下一個置頂的訊息</a>。</p>
<p>個人認為最終 Google 會提供一些 API，令留言可以集中在網站指定的地方，如 Wordpress comment 或其他留言系統的服務令管理較易，但若果網站希望可以退出或者刪除 / 審核留言內容，估計機會很渺茫。</p>
<p><span style="color: #993300;">惡意留言、廣告、欺詐</span></p>
<p>Google 對處理惡意留言、廣告、欺詐訊息問題相當有信心，認為其系統可以杜絕以上問題，我不下結論，不如大家去 Youtube 上看看，你覺得他們做得出色嗎？在英國已有人試用 Sidewiki，<a href="http://www.malcolmcoles.co.uk/blog/sidewiki-abuse-newspapers/">在《每日郵報》網站上叫人轉看《衛報》</a>。我估計很多以打廣告為生的公司已蠢蠢欲動，國內很多用戶上不到 Youtube 網站，不過 Google Sidewiki 絕對是商機無限。如果你經營一個商業網站，自然不希望競爭對手的訊息出現在自己網站之上。但使用 Sidewiki 很易令人有機可乘。事實上不一定要到直接的競爭對手網站上留言，假如我經營印囍帖的生意，我大可以到婚禮相關行業的網站上留言打廣告。</p>
<p><a href="http://zh.wikipedia.org/wiki/%E8%B4%BE%E5%90%9B%E9%B9%8F">賈君鵬事件</a>中，可見有些公司玩「馬甲」已玩到出神入化，難辨真偽，而寫軟文偽原創是國內做 Internet Marketing 的基本模式，你認為 Google 有多少能力打勝這場仗？又願意付出多少保障網站的權益？</p>
<p><span style="color: #993300;">Sidewiki 會成為主流嗎</span></p>
<p>寫這篇文章之時我很留意究竟有沒有人利用 Twitter 製作同類服務，目前已找到2個。這一類不需要網站安裝，利用既有服務，把留言討論功能加在網站的服務看來是方興未艾，究竟會否受用家歡迎，變成日後留言討論的集中點仍是未知知數，希望筆者和眾 webmaster 的想法只是杞人憂天。</p>
<p>Permalinks:<br/><br/><a href="http://www.jsolutions.biz/blog/internet/not-feeling-comfortable-with-google-sidewiki/">令人不安的 Google Sidewiki</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.jsolutions.biz/blog/internet/not-feeling-comfortable-with-google-sidewiki/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>徹底關閉 Wordpress RSS 的功能</title>
		<link>http://www.jsolutions.biz/blog/cms/disable-wordpress-rss/</link>
		<comments>http://www.jsolutions.biz/blog/cms/disable-wordpress-rss/#comments</comments>
		<pubDate>Mon, 28 Sep 2009 08:00:15 +0000</pubDate>
		<dc:creator>Joseph Mok</dc:creator>
				<category><![CDATA[內容管理系統 CMS]]></category>

		<guid isPermaLink="false">http://www.jsolutions.biz/blog/?p=473</guid>
		<description><![CDATA[筆者不是 RSS is dead (大意是 RSS 的功能已被 Twitter 取代，因後者更快) 的支持者，RSS 仍是我日常獲取資訊的主要渠道。不過若把 Wordpress 作為網站 CMS 的情況下，RSS 則並非必要。要關閉 Wordpress 的 RSS 功能，最好要做到「內外兼顧」。
關閉 RSS feed 輸出功能
首先從內部入手，令 Wordpress 不會輸出 RSS feed。WPengineer 教大家使用 Wordpress 的 hook ，指示系統取消 RSS feed 輸出，辦法是在 template 的 functions.php 檔案 (如果 template 沒有這檔案可以自行創建)，加入以下 function：



/**


&#160;* disable feed


&#160;*/


function fb_disable_feed&#40;&#41; &#123;


&#160; &#160; &#160; &#160; wp_die&#40; __&#40;&#8216;No feed available,please visit [...]<p>Permalinks:<br/><br/><a href="http://www.jsolutions.biz/blog/cms/disable-wordpress-rss/">徹底關閉 Wordpress RSS 的功能</a></p>
]]></description>
			<content:encoded><![CDATA[<p>筆者不是 RSS is dead (大意是 RSS 的功能已被 Twitter 取代，因後者更快) 的支持者，RSS 仍是我日常獲取資訊的主要渠道。不過若把 Wordpress 作為網站 CMS 的情況下，RSS 則並非必要。要關閉 Wordpress 的 RSS 功能，最好要做到「內外兼顧」。</p>
<p><span style="color: #800080;">關閉 RSS feed 輸出功能</span></p>
<p>首先從內部入手，令 Wordpress 不會輸出 RSS feed。<a href="http://wpengineer.com/disable-wordpress-feed/">WPengineer</a> 教大家使用 Wordpress 的 hook ，指示系統取消 RSS feed 輸出，辦法是在 template 的 functions.php 檔案 (如果 template 沒有這檔案可以自行創建)，加入以下 function：</p>
<div class="dean_ch" style="white-space: wrap;">
<ol>
<li class="li1">
<div class="de1"><span class="coMULTI">/**</span></div>
</li>
<li class="li1">
<div class="de1"><span class="coMULTI">&nbsp;* disable feed</span></div>
</li>
<li class="li1">
<div class="de1"><span class="coMULTI">&nbsp;*/</span></div>
</li>
<li class="li1">
<div class="de1"><span class="kw2">function</span> fb_disable_feed<span class="br0">&#40;</span><span class="br0">&#41;</span> <span class="br0">&#123;</span></div>
</li>
<li class="li2">
<div class="de2">&nbsp; &nbsp; &nbsp; &nbsp; wp_die<span class="br0">&#40;</span> __<span class="br0">&#40;</span><span class="st0">&#8216;No feed available,please visit our &lt;a href=&quot;&#8217;</span>. get_bloginfo<span class="br0">&#40;</span><span class="st0">&#8216;url&#8217;</span><span class="br0">&#41;</span> .<span class="st0">&#8216;&quot;&gt;homepage&lt;/a&gt;!&#8217;</span><span class="br0">&#41;</span> <span class="br0">&#41;</span>;</div>
</li>
<li class="li1">
<div class="de1"><span class="br0">&#125;</span></div>
</li>
<li class="li1">
<div class="de1">&nbsp;</div>
</li>
<li class="li1">
<div class="de1">add_action<span class="br0">&#40;</span><span class="st0">&#8216;do_feed&#8217;</span>, <span class="st0">&#8216;fb_disable_feed&#8217;</span>, <span class="nu0">1</span><span class="br0">&#41;</span>;</div>
</li>
<li class="li1">
<div class="de1">add_action<span class="br0">&#40;</span><span class="st0">&#8216;do_feed_rdf&#8217;</span>, <span class="st0">&#8216;fb_disable_feed&#8217;</span>, <span class="nu0">1</span><span class="br0">&#41;</span>;</div>
</li>
<li class="li2">
<div class="de2">add_action<span class="br0">&#40;</span><span class="st0">&#8216;do_feed_rss&#8217;</span>, <span class="st0">&#8216;fb_disable_feed&#8217;</span>, <span class="nu0">1</span><span class="br0">&#41;</span>;</div>
</li>
<li class="li1">
<div class="de1">add_action<span class="br0">&#40;</span><span class="st0">&#8216;do_feed_rss2&#8242;</span>, <span class="st0">&#8216;fb_disable_feed&#8217;</span>, <span class="nu0">1</span><span class="br0">&#41;</span>;</div>
</li>
<li class="li1">
<div class="de1">add_action<span class="br0">&#40;</span><span class="st0">&#8216;do_feed_atom&#8217;</span>, <span class="st0">&#8216;fb_disable_feed&#8217;</span>, <span class="nu0">1</span><span class="br0">&#41;</span>;</div>
</li>
</ol>
</div>
<p>由於這方法是在 template 檔案上實行，因此必須謹記當改用另一個 template 時，必須在新 template 中加入相同 function。另外，template 內 RSS 相關的連結也需要去除。</p>
<p><span style="color: #800080;">刪除 Template 內所有 RSS feed 的連結</span></p>
<p>網頁上顯示的 RSS feed 連結相信大家也可輕易移除，不過有一些「隱藏」的連結，則會透過瀏覽器而被發現，例如 Firefox 就有 RSS auto-discovery 功能，雖然開啟這連結也只會顯示錯誤訊息，但最好還是把這些「隱藏」連結一併移除。</p>
<p>首先要刪除 template (通常是 header.php) 內以下的代碼 (如有)</p>
<div class="dean_ch" style="white-space: wrap;">
<ol>
<li class="li1">
<div class="de1">&lt;link rel=<span class="st0">&quot;alternate&quot;</span> type=<span class="st0">&quot;application/rss+xml&quot;</span> title=<span class="st0">&quot;RSS 2.0&quot;</span> href=<span class="st0">&quot;&lt;?php bloginfo(&#8217;rss2_url&#8217;); ?&gt;&quot;</span> /&gt;</div>
</li>
<li class="li1">
<div class="de1">&lt;link rel=<span class="st0">&quot;alternate&quot;</span> type=<span class="st0">&quot;text/xml&quot;</span> title=<span class="st0">&quot;RSS .92&quot;</span> href=<span class="st0">&quot;&lt;?php bloginfo(&#8217;rss_url&#8217;); ?&gt;&quot;</span> /&gt;</div>
</li>
<li class="li1">
<div class="de1">&lt;link rel=<span class="st0">&quot;alternate&quot;</span> type=<span class="st0">&quot;application/atom+xml&quot;</span> title=<span class="st0">&quot;Atom 0.3&quot;</span> href=<span class="st0">&quot;&lt;?php bloginfo(&#8217;atom_url&#8217;); ?&gt;&quot;</span> /&gt;</div>
</li>
</ol>
</div>
<p>某些 template 使用 wp_head() 來加入網頁 head tags 的內容，如果刪除 template 中的 wp_head() 則會同時刪除其他有用的資訊。其實可以用上述關閉 RSS feed 輸出的方法，來設定 wp_head() 令其只會不輸出 RSS feed links 但保留其他資訊，方法是在 functions.php 上加入：</p>
<div class="dean_ch" style="white-space: wrap;">
<ol>
<li class="li1">
<div class="de1">remove_action<span class="br0">&#40;</span> <span class="st0">&#8216;wp_head&#8217;</span>, <span class="st0">&#8216;feed_links_extra&#8217;</span>, <span class="nu0">3</span> <span class="br0">&#41;</span>;</div>
</li>
</ol>
</div>
<p>這樣就可以完全刪除 RSS 的連結了。</p>
<p>Permalinks:<br/><br/><a href="http://www.jsolutions.biz/blog/cms/disable-wordpress-rss/">徹底關閉 Wordpress RSS 的功能</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.jsolutions.biz/blog/cms/disable-wordpress-rss/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Wordpress 顯示相同標籤的文章列表</title>
		<link>http://www.jsolutions.biz/blog/cms/related-posts-by-tags-on-wordpress-sidebar/</link>
		<comments>http://www.jsolutions.biz/blog/cms/related-posts-by-tags-on-wordpress-sidebar/#comments</comments>
		<pubDate>Tue, 08 Sep 2009 08:03:50 +0000</pubDate>
		<dc:creator>Joseph Mok</dc:creator>
				<category><![CDATA[內容管理系統 CMS]]></category>

		<guid isPermaLink="false">http://www.jsolutions.biz/blog/?p=467</guid>
		<description><![CDATA[最近比較忙，偷空分享一個 Wordpress 的小技巧。
Wordpress 用家應該都知道，每篇文章都可加入標籤，方便讀者找到題材相近的文章。如果可以在網頁上顯示這些文章的標題和連結，製作成一個列表，相信對讀者很有幫助，亦可增加網誌的 Page View。筆者以前介紹過用分類 (Category) 製作「相關文章」列表，今次改用標籤來做，而另一個不同之處是把這列表放在側欄上。放在側欄和放在文章內容下方有什麼不同呢？答案是絕大部分 Template 中，前者是 The Loop 完結後才運行，而很多 template tags 是只可用在 The Loop 之中，如果你發現以前修改 template 時常常遇到問題，很可能是沒注意到這問題，故亂把內文一些元素移到側欄之上。
要以相同標籤製作「相關文章」列表，首先當然要獲取文章的標籤，可使用 get_the_tags(post_id) 這個 function：



&#160;


&#60;?php


&#160; &#160; &#160; &#160; global $post;


&#160; &#160; &#160; &#160; $alltags = &#8221;;


&#160; &#160; &#160; &#160; $posttags = get_the_tags&#40;$post-&#62;ID&#41;;


&#160; &#160; &#160; &#160; if &#40;$posttags&#41; &#123;


&#160; &#160; &#160; &#160; &#160; &#160; &#160; &#160; foreach&#40;$posttags [...]<p>Permalinks:<br/><br/><a href="http://www.jsolutions.biz/blog/cms/related-posts-by-tags-on-wordpress-sidebar/">Wordpress 顯示相同標籤的文章列表</a></p>
]]></description>
			<content:encoded><![CDATA[<p>最近比較忙，偷空分享一個 Wordpress 的小技巧。</p>
<p>Wordpress 用家應該都知道，每篇文章都可加入標籤，方便讀者找到題材相近的文章。如果可以在網頁上顯示這些文章的標題和連結，製作成一個列表，相信對讀者很有幫助，亦可增加網誌的 Page View。筆者以前介紹過<a href="http://www.jsolutions.biz/blog/company/blog-and-microblog/ ">用分類 (Category) 製作「相關文章」列表</a>，今次改用標籤來做，而另一個不同之處是把這列表放在側欄上。放在側欄和放在文章內容下方有什麼不同呢？答案是絕大部分 Template 中，前者是 The Loop 完結後才運行，而很多 template tags 是只可用在 <a href="http://codex.wordpress.org/The_Loop">The Loop</a> 之中，如果你發現以前修改 template 時常常遇到問題，很可能是沒注意到這問題，故亂把內文一些元素移到側欄之上。</p>
<p>要以相同標籤製作「相關文章」列表，首先當然要獲取文章的標籤，可使用 get_the_tags(post_id) 這個 function：</p>
<div class="dean_ch" style="white-space: wrap;">
<ol>
<li class="li1">
<div class="de1">&nbsp;</div>
</li>
<li class="li1">
<div class="de1"><span class="kw2">&lt;?php</span></div>
</li>
<li class="li1">
<div class="de1">&nbsp; &nbsp; &nbsp; &nbsp; <a href="http://www.php.net/global"><span class="kw3">global</span></a> <span class="re0">$post</span>;</div>
</li>
<li class="li1">
<div class="de1">&nbsp; &nbsp; &nbsp; &nbsp; <span class="re0">$alltags</span> = <span class="st0">&#8221;</span>;</div>
</li>
<li class="li2">
<div class="de2">&nbsp; &nbsp; &nbsp; &nbsp; <span class="re0">$posttags</span> = get_the_tags<span class="br0">&#40;</span><span class="re0">$post</span>-&gt;<span class="me1">ID</span><span class="br0">&#41;</span>;</div>
</li>
<li class="li1">
<div class="de1">&nbsp; &nbsp; &nbsp; &nbsp; <span class="kw1">if</span> <span class="br0">&#40;</span><span class="re0">$posttags</span><span class="br0">&#41;</span> <span class="br0">&#123;</span></div>
</li>
<li class="li1">
<div class="de1">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="kw1">foreach</span><span class="br0">&#40;</span><span class="re0">$posttags</span> <span class="kw1">as</span> <span class="re0">$tag</span><span class="br0">&#41;</span> <span class="br0">&#123;</span></div>
</li>
<li class="li1">
<div class="de1">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="re0">$alltags</span> . <span class="re0">$tag</span>-&gt;<span class="me1">name</span> . <span class="st0">&#8216;,&#8217;</span>; </div>
</li>
<li class="li1">
<div class="de1">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="br0">&#125;</span></div>
</li>
<li class="li2">
<div class="de2">&nbsp; &nbsp; &nbsp; &nbsp; <span class="br0">&#125;</span></div>
</li>
<li class="li1">
<div class="de1"><span class="kw2">?&gt;</span></div>
</li>
<li class="li1">
<div class="de1">&nbsp;</div>
</li>
</ol>
</div>
<p>以上方法可取得文章所有標籤，每個標籤用,分開，用意是之後顯示包舍上述任何一個標籤的文章，如果希望顯示包括所有標籤的文章，則用+號分隔。</p>
<p>之後可用以下方法抽取相關文章，特別要注意的是用 get_posts function，這 function 用於 The Loop 之外。</p>
<div class="dean_ch" style="white-space: wrap;">
<ol>
<li class="li1">
<div class="de1">&nbsp;</div>
</li>
<li class="li1">
<div class="de1"><span class="kw2">&lt;?php</span></div>
</li>
<li class="li1">
<div class="de1">&nbsp; &nbsp; &nbsp; &nbsp; <span class="re0">$args</span> = <a href="http://www.php.net/array"><span class="kw3">array</span></a><span class="br0">&#40;</span></div>
</li>
<li class="li1">
<div class="de1">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="st0">&#8216;numberposts&#8217;</span> =&gt; <span class="nu0">5</span>,</div>
</li>
<li class="li2">
<div class="de2">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="st0">&#8216;post__not_in&#8217;</span> =&gt; <a href="http://www.php.net/array"><span class="kw3">array</span></a><span class="br0">&#40;</span><span class="re0">$post</span>-&gt;<span class="me1">ID</span><span class="br0">&#41;</span>,</div>
</li>
<li class="li1">
<div class="de1">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="st0">&#8216;orderby&#8217;</span>=&gt;<span class="st0">&#8216;rand&#8217;</span>,</div>
</li>
<li class="li1">
<div class="de1">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="st0">&#8216;tag&#8217;</span> =&gt; <span class="re0">$alltags</span></div>
</li>
<li class="li1">
<div class="de1">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span class="br0">&#41;</span>; </div>
</li>
<li class="li1">
<div class="de1">&nbsp; &nbsp; &nbsp; &nbsp; <span class="re0">$myposts</span> = get_posts<span class="br0">&#40;</span><span class="re0">$args</span><span class="br0">&#41;</span>;</div>
</li>
<li class="li2">
<div class="de2">&nbsp; &nbsp; &nbsp; &nbsp; <span class="kw1">foreach</span><span class="br0">&#40;</span><span class="re0">$myposts</span> <span class="kw1">as</span> <span class="re0">$post</span><span class="br0">&#41;</span> <span class="br0">&#123;</span></div>
</li>
<li class="li1">
<div class="de1">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <a href="http://www.php.net/echo"><span class="kw3">echo</span></a> <span class="st0">&#8216;&lt;li&gt;&lt;a href=&quot;&#8217;</span>;</div>
</li>
<li class="li1">
<div class="de1">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; the_permalink<span class="br0">&#40;</span><span class="br0">&#41;</span>;</div>
</li>
<li class="li1">
<div class="de1">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <a href="http://www.php.net/echo"><span class="kw3">echo</span></a> <span class="st0">&#8216;&quot;&gt;&#8217;</span>;</div>
</li>
<li class="li1">
<div class="de1">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; the_title<span class="br0">&#40;</span><span class="br0">&#41;</span>;</div>
</li>
<li class="li2">
<div class="de2">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <a href="http://www.php.net/echo"><span class="kw3">echo</span></a> <span class="st0">&#8216;&lt;/a&gt;&lt;/li&gt;&#8217;</span>;</div>
</li>
<li class="li1">
<div class="de1">&nbsp; &nbsp; &nbsp; &nbsp; <span class="br0">&#125;</span></div>
</li>
<li class="li1">
<div class="de1"><span class="kw2">?&gt;</span></div>
</li>
<li class="li1">
<div class="de1">&nbsp;</div>
</li>
</ol>
</div>
<p>以上幾個 arugments，意思分別是顯示5篇相關文、不顯示目前這篇文章及隨機顯示，另外需要設計只有獨立顯示一篇文章時，才使用這功能。</p>
<p>Permalinks:<br/><br/><a href="http://www.jsolutions.biz/blog/cms/related-posts-by-tags-on-wordpress-sidebar/">Wordpress 顯示相同標籤的文章列表</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.jsolutions.biz/blog/cms/related-posts-by-tags-on-wordpress-sidebar/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>如何在 Zen Cart 加入最新版本 FCKEditor</title>
		<link>http://www.jsolutions.biz/blog/cms/how-to-install-fckeditor-for-zen-cart/</link>
		<comments>http://www.jsolutions.biz/blog/cms/how-to-install-fckeditor-for-zen-cart/#comments</comments>
		<pubDate>Tue, 18 Aug 2009 07:57:54 +0000</pubDate>
		<dc:creator>Joseph Mok</dc:creator>
				<category><![CDATA[內容管理系統 CMS]]></category>

		<guid isPermaLink="false">http://www.jsolutions.biz/blog/?p=449</guid>
		<description><![CDATA[Zen Cart 附帶的 WYSIWYG Editor 是 HTMLArea，HTMLArea 是一個很舊、而且不再更新的程式，因此未必是最理想的選擇。目前兩個最流行且免費的 Editor 有 FCKEditor 和 TinyMCE，均可用在 Zen Cart 系統內。雖然有人製作了插件把這兩個編輯器加入，然而這些插件很久沒有更新，未能提供最新版本的 Editor。新的版本除了會加入新功能外，最重要是修補安全漏洞，使用版本太舊的 Editor 存有風險。其實在 Zen Cart 加入 Editor 一點也不難，今次為大家示範如何加入 FCKEditor。
下載及設定 FCKEditor
首先當然要到 FCKEditor 網站下載最新版本的程式，解壓然後上傳到 Zen Cart 安裝目錄(或根目錄)/editors/fckeditor/。順帶一提，上傳這類有很多檔案的程式，更快捷的方法是先上傳整個壓縮檔再在伺服器上解壓，有些網存公司提供的控制台，例如 cpanel 有檔案管理功能，可用作上傳及解壓，當然也有其他方法可以做到，讀者可向網存公司查詢伺服器是否支援解壓功能。上傳後先測試一下，瀏覽 http://你的網址/Zen Cart 安裝目錄(如有)/editors/fckeditor/_samples/default.html，選擇 PHP 的 sample，試用及提交表單。

FCKEditor 有很多 HTMLArea 沒有的功能，其中一個很實用的功能是可使用自定 css style，令輸入的資料有統一的顯示效果，不必死記以前輸入產品資料時用了什麼字體大小、字體顏色等等。而用家更可進一步預先設定模版，例如可以先製作一個產品規格的模版 (當然不要和 Zen Cart 原有的功能重疊)，方便日後輸入同類資料。如果大家有需要使用上述功能，請參看  http://docs.fckeditor.net/。
另一個 FCKEditor 很受歡迎的功能是檔案上傳，例如在編輯器中直接上傳圖片，甚為方便。
首先必須開啟這功能
1. 確定 Zen Cart 安裝目錄(或根目錄)/editors/fckeditor/fckconfig.js [...]<p>Permalinks:<br/><br/><a href="http://www.jsolutions.biz/blog/cms/how-to-install-fckeditor-for-zen-cart/">如何在 Zen Cart 加入最新版本 FCKEditor</a></p>
]]></description>
			<content:encoded><![CDATA[<p>Zen Cart 附帶的 WYSIWYG Editor 是 HTMLArea，HTMLArea 是一個很舊、而且不再更新的程式，因此未必是最理想的選擇。目前兩個最流行且免費的 Editor 有 FCKEditor 和 TinyMCE，均可用在 Zen Cart 系統內。雖然有人製作了插件把這兩個編輯器加入，然而這些插件很久沒有更新，未能提供最新版本的 Editor。新的版本除了會加入新功能外，最重要是修補安全漏洞，使用版本太舊的 Editor 存有風險。其實在 Zen Cart 加入 Editor 一點也不難，今次為大家示範如何加入 FCKEditor。</p>
<p><span style="color: #008000;">下載及設定 FCKEditor</span></p>
<p>首先當然要到 <a href="http://www.fckeditor.net/">FCKEditor 網站</a>下載最新版本的程式，解壓然後上傳到 Zen Cart 安裝目錄(或根目錄)/editors/fckeditor/。順帶一提，上傳這類有很多檔案的程式，更快捷的方法是先上傳整個壓縮檔再在伺服器上解壓，有些網存公司提供的控制台，例如 cpanel 有檔案管理功能，可用作上傳及解壓，當然也有其他方法可以做到，讀者可向網存公司查詢伺服器是否支援解壓功能。上傳後先測試一下，瀏覽 http://你的網址/Zen Cart 安裝目錄(如有)/editors/fckeditor/_samples/default.html，選擇 PHP 的 sample，試用及提交表單。</p>
<p><img class="alignnone size-full wp-image-450" style="border: 1px solid black;" title="zen-fck1" src="http://www.jsolutions.biz/blog/wp-content/uploads/2009/08/zen-fck1.png" alt="zen-fck1" width="354" height="359" /></p>
<p>FCKEditor 有很多 HTMLArea 沒有的功能，其中一個很實用的功能是可使用自定 css style，令輸入的資料有統一的顯示效果，不必死記以前輸入產品資料時用了什麼字體大小、字體顏色等等。而用家更可進一步預先設定模版，例如可以先製作一個產品規格的模版 (當然不要和 Zen Cart 原有的功能重疊)，方便日後輸入同類資料。如果大家有需要使用上述功能，請參看  <a href="http://docs.fckeditor.net/">http://docs.fckeditor.net/</a>。</p>
<p>另一個 FCKEditor 很受歡迎的功能是檔案上傳，例如在編輯器中直接上傳圖片，甚為方便。</p>
<p>首先必須開啟這功能</p>
<p>1. 確定 Zen Cart 安裝目錄(或根目錄)/editors/fckeditor/fckconfig.js 中，</p>
<p><code>var _FileBrowserLanguage = 'php' ;<br />
var _QuickUploadLanguage = 'php' ;</code></p>
<p>2. 開啟 Zen Cart 安裝目錄(或根目錄)/editors/fckeditor/editor/filemanger/connectors/php/config.php，更改 <code>$Config['Enabled'] </code>為 true.</p>
<p>然後設定上傳的目錄</p>
<p>3. 在 Zen Cart 安裝目錄(或根目錄)/editors/fckeditor/editor/filemanger/connectors/php/config.php，設定上傳檔案的目錄 (relative to root)，例如</p>
<p><code>$Config['UserFilesPath'] = '/userfiles/' ;</code></p>
<p>4. 部分伺服器需要更改以上目錄的權限到 777 才能上傳，可向網存公司查詢。有關此題目，可參看 <a href="http://www.joomlatutorials.com/joomla-tips-and-tricks/40-miscellaneous-joomla-tips/111-permissions-under-phpsuexec.html">Permissions under phpsuexec</a> 。</p>
<p>其實 FCKEditor 有一個更強大的檔案上傳插件，不過是收費版本，讀者可自行決定是否購買。</p>
<p>完成後把更改過的檔案上傳及測試。</p>
<p><span style="color: #008000;">整合到 Zen Cart</span></p>
<p>把 FCKEditor 整合到 Zen Cart 真的很容易，原因是 Zen Cart 一早已替你設定了！開啟 Zen Cart 安裝目錄(或根目錄)/admin目錄/includes/init_includes/init_html_editor.php (注意：據 Zen Cart 的安全指引，必須把 admin 目錄更名)，uncomment 以下一句，即刪除 //</p>
<p><code>//  $editors_list['FCKEDITOR'] = array('desc' =&gt; EDITOR_FCKEDITOR, 'handler' =&gt; 'fckeditor.php', 'special_needs' =&gt; '');</code></p>
<p>把更改的檔案上傅到 Zen Cart 安裝目錄(或根目錄)/admin目錄/includes/init_includes/overrides/ 目錄就完成，到後台更改 Editor 為 FCKEditor 就可使用了。</p>
<p><img class="alignnone size-full wp-image-458" style="border: 1px solid black;" title="zen-fck2" src="http://www.jsolutions.biz/blog/wp-content/uploads/2009/08/zen-fck2.png" alt="zen-fck2" width="430" height="693" /></p>
<p><span style="color: #008000;">刪除示範檔案</span></p>
<p>若果你開啟了檔案上傳功能，必須記得把示範檔案刪除，因 FCKEditor 的位置放於任何人也能瀏覽的目錄，即可看到你上傅的所有檔案，包括你未想公開的。</p>
<p>Permalinks:<br/><br/><a href="http://www.jsolutions.biz/blog/cms/how-to-install-fckeditor-for-zen-cart/">如何在 Zen Cart 加入最新版本 FCKEditor</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.jsolutions.biz/blog/cms/how-to-install-fckeditor-for-zen-cart/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Delicious 可以借 Twitter 注入生氣嗎？</title>
		<link>http://www.jsolutions.biz/blog/internet/delicious-twitter-integration/</link>
		<comments>http://www.jsolutions.biz/blog/internet/delicious-twitter-integration/#comments</comments>
		<pubDate>Thu, 06 Aug 2009 05:21:48 +0000</pubDate>
		<dc:creator>Joseph Mok</dc:creator>
				<category><![CDATA[互聯網]]></category>

		<guid isPermaLink="false">http://www.jsolutions.biz/blog/?p=442</guid>
		<description><![CDATA[Delicious 書籤服務終於推出新功能了，3個新增的功能中2個和 Twitter 相關，明顯是想借助後者的超高人氣為漸漸失去光彩的 social bookmark 服務加入新意。

首先，Delicious 把首頁更改成 Fresh Bookmarks。所謂 Fresh Bookmarks，大致上是以 Twitter 上有多少人談論，及用戶加入的書籤而計算出來的排行表，顯示當前最受人關注的消息，而在每一個 bookmark 的下方，更加入了 related tweets。在官方網誌中提到，在技術上 Fresh Bookmarks  是計算相關的 tweets 而非單純地點算有多少個 tweets 包含某個連結，而且要做到去除低質量和spam內容。以往 Delicious 首頁的書籤很多都和設計相關，更改之後則可包含更多時事、科技、互聯網和媒體的資訊。而 Fresh Bookmarks 應該比 Tweetmeme 這類只考慮連結數量的網站更準確。

另一方面，當用戶加入書籤時可同時分享到 Twitter，並可以寫下訊息，和 twitthat 的功能類似，可惜此功能不會把網頁標題加入訊息內，未必每個用戶都習慣這模式。
較早時 addtoany 發表了一個統計報告，發現 Fackbook 已成為人們最常用的分享內容渠道 (24%)，第2和第3分別是 e-mail (11.1%) 和 Twitter (10.8%)，Delicious 則只有 4.5%，而 Digg 的 4.4% 也是同病相連，難怪兩者都要出盡法寶求變。雖然 addtoany 的用戶數目大幅落後於 sharethis 和 [...]<p>Permalinks:<br/><br/><a href="http://www.jsolutions.biz/blog/internet/delicious-twitter-integration/">Delicious 可以借 Twitter 注入生氣嗎？</a></p>
]]></description>
			<content:encoded><![CDATA[<p><a href="http://delicious.com/">Delicious 書籤</a>服務終於推出新功能了，3個新增的功能中2個和 Twitter 相關，明顯是想借助後者的超高人氣為漸漸失去光彩的 social bookmark 服務加入新意。</p>
<p><img class="alignnone size-full wp-image-443" style="border: 1px solid black;" title="delicious_fresh_bookmark" src="http://www.jsolutions.biz/blog/wp-content/uploads/2009/08/delicious_fresh_bookmark.png" alt="delicious_fresh_bookmark" width="450" height="339" /></p>
<p>首先，Delicious 把首頁更改成 Fresh Bookmarks。所謂 Fresh Bookmarks，大致上是以 Twitter 上有多少人談論，及用戶加入的書籤而計算出來的排行表，顯示當前最受人關注的消息，而在每一個 bookmark 的下方，更加入了 related tweets。在<a href="http://blog.delicious.com/blog/2009/08/delicious-homepage-gets-%e2%80%9cfresh%e2%80%9d.html">官方網誌</a>中提到，在技術上 Fresh Bookmarks  是計算相關的 tweets 而非單純地點算有多少個 tweets 包含某個連結，而且要做到去除低質量和spam內容。以往 Delicious 首頁的書籤很多都和設計相關，更改之後則可包含更多時事、科技、互聯網和媒體的資訊。而 Fresh Bookmarks 應該比 <a href="http://tweetmeme.com/">Tweetmeme</a> 這類只考慮連結數量的網站更準確。</p>
<p><img class="alignnone size-full wp-image-444" style="border: 1px solid black;" title="delicious_fresh_bookmark2" src="http://www.jsolutions.biz/blog/wp-content/uploads/2009/08/delicious_fresh_bookmark2.png" alt="delicious_fresh_bookmark2" width="450" height="281" /></p>
<p>另一方面，當用戶加入書籤時可同時分享到 Twitter，並可以寫下訊息，和 twitthat 的功能類似，可惜此功能不會把網頁標題加入訊息內，未必每個用戶都習慣這模式。</p>
<p>較早時 addtoany 發表了一個<a href="http://mashable.com/2009/07/20/facebook-sharing-data/">統計報告</a>，發現 Fackbook 已成為人們最常用的分享內容渠道 (24%)，第2和第3分別是 e-mail (11.1%) 和 Twitter (10.8%)，Delicious 則只有 4.5%，而 Digg 的 4.4% 也是同病相連，難怪兩者都要出盡法寶求變。雖然 addtoany 的用戶數目大幅落後於 sharethis 和 addthis，但個人估計要是做一個正式的調查，排名也不會有太大改變。</p>
<p><a href="http://www.readwriteweb.com/archives/delicious_reborn_as_real_time_news_tracker.php">Readwriteweb</a> 對 Fresh Bookmarks 的構思大表加許，認為 Delicious 老早就應該加入這功能，並可超越 Digg。<a href="http://tech.azuremedia.net/2009/08/05/1718/">Jansen</a> 則希望在自己的 bookmark 頁面，也能顯示每個條目有什麼相關的 tweets，以便可以發現關注同一訊息的 Twitter 用戶。而亦有人，包括 Delicious 的原作者不贊同這構思 (saving != sharing)。</p>
<p>究竟現在人們會如何使用 social bookmark 服務呢？雖然這類網站鼓勵用戶交流分享，但相信有不少用戶只會記下日後會再次瀏覽的網頁，時效性很短或者只看一次的則不會記下，筆者也是這類用戶之一。這2項新功能對我們不是很吸引，未必會改變我們使用 Delicious 的習慣。<a href="http://www.cloudnotes.net/2009/08/is-delicious-for-saving-or-for-sharing.html">Cloudnotes</a> 的看法大致和我相同，把 Twitter  和書籤、note-taking 當作不同類的服務使用。</p>
<p>以前分享訊息的平台只有 social bookmark，現在則有更多可以即時和其他人交流的渠道選擇，攤分了 social bookmark 的功能。既然新增的功能是針對把 Delicious 用作分享的用戶，就應該更加深入地整合 Twitter，例如 Fresh Bookmarks 可以增加數量，在用戶個人頁面顯示 related tweets，與及簡化分享的步驟和形式，否則像蜻蜓點水式的改動，則難以改變現狀。</p>
<p>Permalinks:<br/><br/><a href="http://www.jsolutions.biz/blog/internet/delicious-twitter-integration/">Delicious 可以借 Twitter 注入生氣嗎？</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.jsolutions.biz/blog/internet/delicious-twitter-integration/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Joomla! 圖像標題</title>
		<link>http://www.jsolutions.biz/blog/cms/image-as-title-in-joomla/</link>
		<comments>http://www.jsolutions.biz/blog/cms/image-as-title-in-joomla/#comments</comments>
		<pubDate>Mon, 27 Jul 2009 11:41:47 +0000</pubDate>
		<dc:creator>Joseph Mok</dc:creator>
				<category><![CDATA[內容管理系統 CMS]]></category>

		<guid isPermaLink="false">http://www.jsolutions.biz/blog/?p=429</guid>
		<description><![CDATA[很多 Joomla! template 的 menu 和 module 標題都是 text-based，有沒有辦法可以更改為圖像呢？以前本網誌介紹過的使用圖像取代文字技巧製作網頁標題正好用來解決這問題。假如你所選用的模版，標題有使用 Header Tags，則只需要在後台設定 menu / module 的 suffix，然後使用 image replacement 的技巧修改 css，就能做到以圖像作為標題。
例如我想把 Latest News 的標題更改，首先進入後台，選 module manager 找出 Latest News (一個以標準 mod_latestnews 製作的 module)，在 Module class suffix 上加入自訂的 suffix (如 _mystyle)，然後增加一段 css 設定這標題的背景圖片就完成。



h3.latestnews_mystyle &#123;


&#160; &#160; &#160; &#160; width: 280px; height: 50px;


&#160; &#160; &#160; &#160; background: url&#40;&#34;../images/section_title_latestnews.png&#34;&#41; no-repeat;


&#160; [...]<p>Permalinks:<br/><br/><a href="http://www.jsolutions.biz/blog/cms/image-as-title-in-joomla/">Joomla! 圖像標題</a></p>
]]></description>
			<content:encoded><![CDATA[<p>很多 Joomla! template 的 menu 和 module 標題都是 text-based，有沒有辦法可以更改為圖像呢？以前本網誌介紹過的<a href="http://www.jsolutions.biz/blog/web-design/image-replacement-method-for-header/">使用圖像取代文字技巧製作網頁標題</a>正好用來解決這問題。假如你所選用的模版，標題有使用 Header Tags，則只需要在後台設定 menu / module 的 suffix，然後使用 image replacement 的技巧修改 css，就能做到以圖像作為標題。</p>
<p>例如我想把 Latest News 的標題更改，首先進入後台，選 module manager 找出 Latest News (一個以標準 mod_latestnews 製作的 module)，在 Module class suffix 上加入自訂的 suffix (如 _mystyle)，然後增加一段 css 設定這標題的背景圖片就完成。</p>
<div class="dean_ch" style="white-space: wrap;">
<ol>
<li class="li1">
<div class="de1">h3<span class="re1">.latestnews_mystyle</span> <span class="br0">&#123;</span></div>
</li>
<li class="li1">
<div class="de1">&nbsp; &nbsp; &nbsp; &nbsp; <span class="kw1">width</span>: <span class="re3">280px</span>; <span class="kw1">height</span>: <span class="re3">50px</span>;</div>
</li>
<li class="li1">
<div class="de1">&nbsp; &nbsp; &nbsp; &nbsp; <span class="kw1">background</span>: <span class="kw2">url</span><span class="br0">&#40;</span><span class="st0">&quot;../images/section_title_latestnews.png&quot;</span><span class="br0">&#41;</span> <span class="kw2">no-repeat</span>;</div>
</li>
<li class="li1">
<div class="de1">&nbsp; &nbsp; &nbsp; &nbsp; <span class="kw1">text-indent</span>: -<span class="re3">9999px</span>;</div>
</li>
<li class="li2">
<div class="de2"><span class="br0">&#125;</span></div>
</li>
</ol>
</div>
<p><img class="alignnone size-full wp-image-430" title="joomla-title" src="http://www.jsolutions.biz/blog/wp-content/uploads/2009/07/joomla-title.png" alt="joomla-title" width="260" height="188" /></p>
<p>不過如果你的設計比較複雜，不能單靠 css 就做到，則需要更改模版。Joomla! 提供了2個可行的方法，分別是 output overrides (或者可稱為 layout overrides) 和 module chrome。Joomla! 對 template 和 layout 兩個詞分得很清楚，layout 是指每一個 component 和 module 的顯示方式。Joomla! 上每一個 component 和 module 的式樣都是獨立和可以讓 template 自訂的方法覆寫，因此使用 output overrides 可徹底地更改網站的面貌。有關教學可參看官方網站的 <a href="http://docs.joomla.org/Understanding_Output_Overrides">Understanding Output Overrides</a>。要留意 layout overrides 會更改使用同一 module type 製作的 module，假如你的網站用 mod_latestnews 製作多個 modules，則所有 modules 的顯示方式也會變得一致。筆者極不建議你在 template 內加入 programming logic 來區分顯示方式，或者 module chrome 更合你的要求。</p>
<p><a href="http://woofandwarp.com/joomla/19-having-fun-with-joomla-module-chrome-and-suffix">Woof and Wraf</a> 為 module chrome 做了簡介和示範，文中可見同一 module ，放在不同的 module position ，其標題的背景圖片亦會改變，這正是 module chrome 的特點。假如你用 mod_latestnews 製作了兩個 modules，一個放在 sidebar ，需要使用圖像標題的 Latest News module，另一個放在內文下方，用來顯示某一類別文章的相關內容，這一區塊不需要標題，在這情況下 module chrome 就很合用。Module chrome 不能深入更改一個 module 的細節，但設定上比較容易，及可以預先製作不同的式樣，待有需要時使用。</p>
<p>Permalinks:<br/><br/><a href="http://www.jsolutions.biz/blog/cms/image-as-title-in-joomla/">Joomla! 圖像標題</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.jsolutions.biz/blog/cms/image-as-title-in-joomla/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>初探 Twitter 做推廣</title>
		<link>http://www.jsolutions.biz/blog/internet-marketing/brief-introduction-to-twitter-marketing/</link>
		<comments>http://www.jsolutions.biz/blog/internet-marketing/brief-introduction-to-twitter-marketing/#comments</comments>
		<pubDate>Fri, 17 Jul 2009 07:35:26 +0000</pubDate>
		<dc:creator>Joseph Mok</dc:creator>
				<category><![CDATA[網上推廣]]></category>

		<guid isPermaLink="false">http://www.jsolutions.biz/blog/?p=425</guid>
		<description><![CDATA[財經雜誌也用專題介紹 Twitter 及幾個成功利用 Twiiter 做推廣的案例，看來 Twitter 在本港的熱度正在急速標升。
傳統方法玩 Twitter
如果你不知道什麼是 Twitter，可先看看該網站的 FAQ 。網誌大家都應該知是什麼吧，Twitter 被稱為微網誌，原因是其每一「篇」文章 (即每一個訊息) 有 140 字數限制，Twitter 用戶之間的關係很緊密，用戶可以成為其他人的 follower，從而獲取對方的最新訊息。在前幾篇文章中筆者已說過，對網站和商業機構而言，Twitter 比 Facebook 易上手，原因是 Twitter 既可以單向地發放消息，亦可以作和其他用戶交流。在 Facebook 內要經營和維護一個良好氣氛的群組，要花頗多時間、人力及要有一定的交際技巧，並非輕易做到。
究竟如何用 Twitter 發放訊息？其實這和電郵推廣的模式差不多。V 怪客 寫了兩篇很詳盡的文章 ，講解如何替一個購物網站開 twitter 帳號、如何爭取 followers，及應該發什麼訊息，大家可以參考一下。不過有些方法可能已經不再有效，例如用 follow 意見領袖的方式爭取 followers，希望對方會反 follow 你，期望對方的 followers 也會透過意見領袖認識你，這策略在 Twitter 剛興起的地區可能有效，但隨著參加的人越多，意見領袖不知一天會增加多少追隨者，那有時間逐個細看。個人認為過程中有幾點要注意：

申請帳號後，不要急於瘋狂地增加 followers，應該先多發訊息。筆者收到有些電郵通知 (當你有新的 followers，Twitter 會發電郵給你)，看到有些用戶幾乎什麼也沒有發表過，但就已加入了上百上千個 followers，這類用戶通常我看也不會看。
除非你本身是大網站或者知名機構，否則只談自己，訊息只有連去自己網站未免太 hard sell 了，很容易被人認為是專發 spam message 的帳號。為免除 spammer 這惡劣稱號，你應該多點談及時事和生活的事物，增加訊息的可讀性和趣味。不久前看到一個出版社的 [...]<p>Permalinks:<br/><br/><a href="http://www.jsolutions.biz/blog/internet-marketing/brief-introduction-to-twitter-marketing/">初探 Twitter 做推廣</a></p>
]]></description>
			<content:encoded><![CDATA[<p>財經雜誌也用專題介紹 Twitter 及幾個成功利用 Twiiter 做推廣的案例，看來 Twitter 在本港的熱度正在急速標升。</p>
<p><strong><span style="color: #003300;">傳統方法玩 Twitter</span></strong></p>
<p>如果你不知道什麼是 Twitter，可先看看該網站的 <a href="http://help.twitter.com/forums/10711/entries/13920">FAQ</a> 。網誌大家都應該知是什麼吧，Twitter 被稱為微網誌，原因是其每一「篇」文章 (即每一個訊息) 有 140 字數限制，Twitter 用戶之間的關係很緊密，用戶可以成為其他人的 follower，從而獲取對方的最新訊息。在前幾篇文章中筆者已說過，對網站和商業機構而言，Twitter 比 Facebook 易上手，原因是 Twitter 既可以單向地發放消息，亦可以作和其他用戶交流。在 Facebook 內要經營和維護一個良好氣氛的群組，要花頗多時間、人力及要有一定的交際技巧，並非輕易做到。</p>
<p>究竟如何用 Twitter 發放訊息？其實這和電郵推廣的模式差不多。V 怪客 寫了兩篇很詳盡的<a href="http://talkec.blogspot.com/2009/07/twitter.html">文章</a> ，講解如何替一個購物網站開 twitter 帳號、如何爭取 followers，及應該發什麼訊息，大家可以參考一下。不過有些方法可能已經不再有效，例如用 follow 意見領袖的方式爭取 followers，希望對方會反 follow 你，期望對方的 followers 也會透過意見領袖認識你，這策略在 Twitter 剛興起的地區可能有效，但隨著參加的人越多，意見領袖不知一天會增加多少追隨者，那有時間逐個細看。個人認為過程中有幾點要注意：</p>
<ol>
<li>申請帳號後，不要急於瘋狂地增加 followers，應該先多發訊息。筆者收到有些電郵通知 (當你有新的 followers，Twitter 會發電郵給你)，看到有些用戶幾乎什麼也沒有發表過，但就已加入了上百上千個 followers，這類用戶通常我看也不會看。</li>
<li>除非你本身是大網站或者知名機構，否則只談自己，訊息只有連去自己網站未免太 hard sell 了，很容易被人認為是專發 spam message 的帳號。為免除 spammer 這惡劣稱號，你應該多點談及時事和生活的事物，增加訊息的可讀性和趣味。不久前看到一個出版社的 Twitter 帳號 (又是那些大量增加 followers 的討厭鬼)，出版 iPhone 應用的書籍，應該很合香港 Twitter 用戶的胃口，可是他們只憧得宣傳自己的新書，其實他們不妨分享書中一些內容秘技，則追隨者應該不少。</li>
<li>當發表商業推廣訊息時，應該先想清楚表達方式，把訊息包裝一下。例如時下大家都抱著「慳得一蚊得一蚊」的想法，著數優惠資訊一定較吸引。更進一步的方法是專為 Twitter 用戶特設的優惠，這是一個有效增加 followers 的方法，某酒店正在用這策略。</li>
</ol>
<p><span style="color: #003300;"><strong>多參與</strong></span></p>
<p>用 Twitter 作單方向發放商業推廣訊息，成功的例子不是沒有，只不過限於知名網站和品牌。其實任何 social network 都是多參與才會多收獲，只要你開始和其他用戶交流，別人對你的信任自然增加，更有興趣去認識你。試過在 Twitter 上發過一個關於 vector graphics 軟件的訊息，第二天就收到一個來自一間做這類軟件公司的回覆，顯然對方有透過搜尋網站，監察一組關鍵字，從而接觸有興趣於他們產品的人士。嚴格來說上述例子只是精準地單向發放訊息，更佳的做法是多點雙向溝通。</p>
<p>此外，筆者不太贊同用公司名稱或網站名稱作為 Twitter 帳號 (除非一人公司)，更不贊成由多人操作一個帳號，原因是不夠人性化，難以和別人交流。當你還是局外人，很難會有人願意 retweet 你的訊息。</p>
<p>Dosh Dosh 寫了一篇文章介紹 <a href="http://www.doshdosh.com/ways-you-can-use-twitter/">17個 Twitter 的商業用途</a>，可能會給你一些啟發，除了利用它做推廣之外，Twitter 可以為你做什麼。</p>
<p><span style="color: #003300;"><strong>仍待普及</strong></span></p>
<p>香港有多少人玩 Twitter 呢？可能只能以千計，而且集中在 iPhone 用戶。不過香港人對新鮮事物的接受程度很大，流動上網、智能電話亦會越來越普及，因此 Twitter 作為一個新的渠道作推廣、或者接收訊息是可以期待的。</p>
<p>Permalinks:<br/><br/><a href="http://www.jsolutions.biz/blog/internet-marketing/brief-introduction-to-twitter-marketing/">初探 Twitter 做推廣</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.jsolutions.biz/blog/internet-marketing/brief-introduction-to-twitter-marketing/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>用 Slickmap CSS 美化網站地圖</title>
		<link>http://www.jsolutions.biz/blog/web-design/slickmap-css-for-sitemap/</link>
		<comments>http://www.jsolutions.biz/blog/web-design/slickmap-css-for-sitemap/#comments</comments>
		<pubDate>Sat, 11 Jul 2009 06:37:12 +0000</pubDate>
		<dc:creator>Joseph Mok</dc:creator>
				<category><![CDATA[網頁設計]]></category>

		<guid isPermaLink="false">http://www.jsolutions.biz/blog/?p=420</guid>
		<description><![CDATA[Slickmap CSS 可幫你輕易美化網站地圖，使用時只需要使用 HTML 的 unordered list 製作 sitemap 的內容，加入 css 檔及依照其指引設定，就可以製作出如下圖一般美觀的 sitemap。

筆者嘗試用 Slickmap CSS 修改客戶的網站地圖，真的很客易，一般情況下製作網站地圖時都經已用了 unordered list，修改的不多。首先要數清楚在主頁之下有多少個大分類，然後修改 css 檔內 #primaryNav li { width: ; } 的數字，即 100% 除以分類數目，以示範的 sitemap 為例主頁之下有5大分類，因此 width 就是 20%。之後只需要把最外圍的 ul 加入 id 為 primaryNav，及用一個 div tag (class 為 sitemap) 把整個 list 放入就可以了。此外你可把不屬於 sitemap 結構的連結加入另一個 id 為 utilityNav 的unordered list 內，就會出現在頁面的右上角。香港網站常設有多語言版本，在這處加入其他語言版本的連結就很合適。
觀看示範 [...]<p>Permalinks:<br/><br/><a href="http://www.jsolutions.biz/blog/web-design/slickmap-css-for-sitemap/">用 Slickmap CSS 美化網站地圖</a></p>
]]></description>
			<content:encoded><![CDATA[<p><a href="http://astuteo.com/slickmap/">Slickmap CSS</a> 可幫你輕易美化網站地圖，使用時只需要使用 HTML 的 unordered list 製作 sitemap 的內容，加入 css 檔及依照其指引設定，就可以製作出如下圖一般美觀的 sitemap。</p>
<p><a href="http://www.jsolutions.biz/blog/wp-content/uploads/2009/07/slickmapcss_demo.jpg"><img class="alignnone size-medium wp-image-421" style="border: 1px solid black;" title="slickmapcss_demo" src="http://www.jsolutions.biz/blog/wp-content/uploads/2009/07/slickmapcss_demo-480x378.jpg" alt="slickmapcss_demo" width="480" height="378" /></a></p>
<p>筆者嘗試用 Slickmap CSS 修改客戶的網站地圖，真的很客易，一般情況下製作網站地圖時都經已用了 unordered list，修改的不多。首先要數清楚在主頁之下有多少個大分類，然後修改 css 檔內 #primaryNav li { width: ; } 的數字，即 100% 除以分類數目，以示範的 sitemap 為例主頁之下有5大分類，因此 width 就是 20%。之後只需要把最外圍的 ul 加入 id 為 primaryNav，及用一個 div tag (class 為 sitemap) 把整個 list 放入就可以了。此外你可把不屬於 sitemap 結構的連結加入另一個 id 為 utilityNav 的unordered list 內，就會出現在頁面的右上角。香港網站常設有多語言版本，在這處加入其他語言版本的連結就很合適。</p>
<p><a href="http://www.jsolutions.biz/blog/demo/slickmapcss/index.html" target="_blank">觀看示範 sitemap</a></p>
<p>在以上的示範中，由於不想加入不存在的連結，以 internal target (或稱為 bookmark) 取代，在實際製作時當然要加入正式連結。</p>
<p>Slickmap CSS 只可以處理多至3層的 sitemap 結構，而其亦不支援 IE，不過筆者試過 IE7 看，問題不是很大，只是沒有圓角及不能用文字顯示連結的 URL，大家要清楚這兩點。</p>
<p>不知道大家製作 sitemap 的用途是什麼，如果是用來和製作網站的各單位溝通，sitemap 當然是很有用的工具，令各部門對網站的結構有統一的概念。但如果依靠 sitemap 來幫助網站訪客尋找資料，則這想法我並不認同。個人認為網站的導航列，網頁的結構及提示，甚至時下很流行的 functional footer，對訪客的幫助更大。因此網站應該先考慮改善 / 增加使用以上的元素，令資料更易被訪客找得到，及增加 pageview per visit。</p>
<p>Permalinks:<br/><br/><a href="http://www.jsolutions.biz/blog/web-design/slickmap-css-for-sitemap/">用 Slickmap CSS 美化網站地圖</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.jsolutions.biz/blog/web-design/slickmap-css-for-sitemap/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>如何使用 Google Anayltics Goals 評估廣告成效 (一)</title>
		<link>http://www.jsolutions.biz/blog/internet-marketing/google-anayltics-goals-setup-part1/</link>
		<comments>http://www.jsolutions.biz/blog/internet-marketing/google-anayltics-goals-setup-part1/#comments</comments>
		<pubDate>Mon, 06 Jul 2009 04:15:22 +0000</pubDate>
		<dc:creator>Joseph Mok</dc:creator>
				<category><![CDATA[網上推廣]]></category>

		<guid isPermaLink="false">http://www.jsolutions.biz/blog/?p=411</guid>
		<description><![CDATA[很多客戶常說在網上做推廣費用越來越貴，其實平與貴，很視乎廣告帶來的效益有多少。而要知道廣告的效益，首先要了解網上廣告的形式和運作。筆者很驚訝地發現雖然不少人已對關鍵字有所認識，但由於廣告由其他公司撰寫，因此對網站的關鍵字廣告內容一無所知！要知道關鍵字廣告以點擊數量收費，點擊量和廣告內容和關鍵字選擇有直接關係，不過高點擊並非表示成效就會高。就如在八卦週刊賣商業服務廣告，不錯看到的人會很多，但卻非目標客戶。要量度廣告的成效，不可單靠廣告公司給你的點擊／顯示統計，最理想是可以計算廣告的 Conversion Rate 有多少。
不少網站負責人都懂得安裝 Google Analytics，但只會看統計報告，而不懂得善用這工具。Google Analytics 和其他統計工具最大分別，是前者免費提供很多進階的功能 (其他同類服務都要收費)，其中一項是可設定 Goals，來量度 Conversion Rate。所謂「目標」即是廣告究竟希望受眾作出什麼行為，訪客給你的廣告吸引到訪，你希望他們會做什麼呢？香港網站大部分都不是直接從事網上交易，要定義一個清晰目標不容易。其實廣義一點看，目標可以是填寫一份表格索取資料、打印一張優惠卷、訂閱  Newsletter 等。剛好我的一個客戶在其他網站放了一個 banner ad 宣傳一項活動，目標可設定為下載參加表格，以下就用這例子示範。
首先登入 Google Analytics，如果你未曾設定過 Goals，則可進入 View report 後按 Goals，否則要在 Analytics Settings (即登入後的首頁)，在 Website Profiles 選擇你想加入 Goals 的網站按「Edit」。

進入 Profile Settings 後，可在 Conversion Goals and Funnel 設定 Goal，每個 Profile 最多可設定 4 個 Goals。

接著來到最重要的部分，首先你要決定 Goal URL 是什麼，即是訪者進入了網站後，你希望他們會最終做什麼 ，例如你希望他們墳寫表格索取資料，一般表格提交後會轉到類似 thankyou.html 網頁，便可用這網頁作為 Goal URL。而這示範中，目標是下載參加表格，所以設為 download.html。

另外有一項必須填寫的項目是 [...]<p>Permalinks:<br/><br/><a href="http://www.jsolutions.biz/blog/internet-marketing/google-anayltics-goals-setup-part1/">如何使用 Google Anayltics Goals 評估廣告成效 (一)</a></p>
]]></description>
			<content:encoded><![CDATA[<p>很多客戶常說在網上做推廣費用越來越貴，其實平與貴，很視乎廣告帶來的效益有多少。而要知道廣告的效益，首先要了解網上廣告的形式和運作。筆者很驚訝地發現雖然不少人已對關鍵字有所認識，但由於廣告由其他公司撰寫，因此對網站的關鍵字廣告內容一無所知！要知道關鍵字廣告以點擊數量收費，點擊量和廣告內容和關鍵字選擇有直接關係，不過高點擊並非表示成效就會高。就如在八卦週刊賣商業服務廣告，不錯看到的人會很多，但卻非目標客戶。要量度廣告的成效，不可單靠廣告公司給你的點擊／顯示統計，最理想是可以計算廣告的 <a href="http://en.wikipedia.org/wiki/Conversion_rate">Conversion Rate</a> 有多少。</p>
<p>不少網站負責人都懂得安裝 Google Analytics，但只會看統計報告，而不懂得善用這工具。Google Analytics 和其他統計工具最大分別，是前者免費提供很多進階的功能 (其他同類服務都要收費)，其中一項是可設定 Goals，來量度 Conversion Rate。所謂「目標」即是廣告究竟希望受眾作出什麼行為，訪客給你的廣告吸引到訪，你希望他們會做什麼呢？香港網站大部分都不是直接從事網上交易，要定義一個清晰目標不容易。其實廣義一點看，目標可以是填寫一份表格索取資料、打印一張優惠卷、訂閱  Newsletter 等。剛好我的一個客戶在其他網站放了一個 banner ad 宣傳一項活動，目標可設定為下載參加表格，以下就用這例子示範。</p>
<p>首先登入 Google Analytics，如果你未曾設定過 Goals，則可進入 View report 後按 Goals，否則要在 Analytics Settings (即登入後的首頁)，在 Website Profiles 選擇你想加入 Goals 的網站按「Edit」。</p>
<p><img class="alignnone size-full wp-image-412" title="google_goals_step1" src="http://www.jsolutions.biz/blog/wp-content/uploads/2009/07/google_goals_step1.jpg" alt="google_goals_step1" width="430" height="400" /></p>
<p>進入 Profile Settings 後，可在 Conversion Goals and Funnel 設定 Goal，每個 Profile 最多可設定 4 個 Goals。</p>
<p><img class="alignnone size-full wp-image-413" title="google_goals_step2" src="http://www.jsolutions.biz/blog/wp-content/uploads/2009/07/google_goals_step2.jpg" alt="google_goals_step2" width="480" height="189" /></p>
<p>接著來到最重要的部分，首先你要決定 Goal URL 是什麼，即是訪者進入了網站後，你希望他們會最終做什麼 ，例如你希望他們墳寫表格索取資料，一般表格提交後會轉到類似 thankyou.html 網頁，便可用這網頁作為 Goal URL。而這示範中，目標是下載參加表格，所以設為 download.html。</p>
<p><img class="alignnone size-full wp-image-414" title="google_goals_step3" src="http://www.jsolutions.biz/blog/wp-content/uploads/2009/07/google_goals_step3.jpg" alt="google_goals_step3" width="480" height="243" /></p>
<p>另外有一項必須填寫的項目是 Match Type，可分為 Exact Match、Head Match 和 Regular Expression，簡單說動態網站的網址常帶參數，某些參數可能和網頁顯示的內容相關，就要小心一點設定，否則就會收集了不相關的數據。一般情況下設定為 Head Match 就可以了。Goal Value 是一個由你自訂的，以金錢來衡量完成一個目標的價值，可選填。</p>
<p>視孚你的設計，假如要經過多個步驟才能完成一個目標，可再設定 Funnel，這樣之後就可以作更仔細的分析，究竟訪客有多少完成目標，又有多少是中途放棄，在那一個步驟放棄，從而去改善你的設計。示範的例子中，廣告點擊後會去到網站的活動網頁 events.html，讓訪者先讀到活動的詳細資料，再點擊才可下載參加表格。</p>
<p><img class="alignnone size-full wp-image-415" title="google_goals_step4" src="http://www.jsolutions.biz/blog/wp-content/uploads/2009/07/google_goals_step4.jpg" alt="google_goals_step4" width="480" height="229" /></p>
<p>當 Activiate 了 Goal 之後 Google Analytics 便會開始收集數據，並在報告中顯示。(待續)</p>
<p>Permalinks:<br/><br/><a href="http://www.jsolutions.biz/blog/internet-marketing/google-anayltics-goals-setup-part1/">如何使用 Google Anayltics Goals 評估廣告成效 (一)</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.jsolutions.biz/blog/internet-marketing/google-anayltics-goals-setup-part1/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
