剛剛在 jQuery 台灣 看到有同好用jsFiddle當測試平台，分享他的開發心得，本來還一頭霧水，不曉得這是什麼東東，後來線上查了一下才知道，jsFiddle真是一個好物耶，這個線上測試網站有10幾種javascript framework與版本，例如Mootools、jQuery、Prototype、YUI、Glow、Vanilla、Dojo、Processing.js、ExtJS、Raphael等，都可以直接在線上輸入HTML+javascript+CSS程式碼測試，右下方就會顯示結果，並且可以將它存檔起來，分享給其他開發者看，之後也可以修改更新，實在是一個相當方便的線上測試工具。
Google Analytics 一般都是網站流量比較常用的分析工具，但依據官方所提供的分析代碼是建議每一頁放入如下的javascript程式，但如果直接在每一頁放入它的代碼，日後需要更新或維護代碼時，就會造成工作量的增加，因為放了多少頁就要改多少頁，一般較常用的方法就是先在每一頁置入一個Server Side的include語法，
例如：
<?php @include_once("AppMeta.php") //共用的js連結檔?>
再將所需要的.js檔放在這個include頁面。
例如將下列代碼存成一個叫做ga.js檔
再將它用這樣：
<script type="text/javascript" src="../Scripts/ga.js"></script>
放到AppMeta.php頁面內
Google Analytics 的追蹤代碼：
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-XXXXX-X']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
但安裝好後我實際測試，用Google Analytics檢查時，它卻說"我們無法驗證您的網站：未安裝追蹤"。
奇怪，明明就有將他的代碼另存成ga.js也上傳到主機好了，為何它說找不到呢?
一般我們載入js函式庫如jQuery函式庫等也是這樣就好了阿，不知是Google Analytics的js寫法不同的關係還是什麼，要生效就一定要在切換到程式碼檢視時，這段代碼一定必須在HTML Code中看得見。
所以就將Google Analytics 的追蹤代碼直接寫在AppMeta.php的頁面上就好了，這樣也是只需改一頁就好，增加日後維護彈性。
因此官方也有建議，如果是php技術，可以用include方式引入以保持日後維護的彈性，
For any PHP pages, put the following code in a file (for example, analyticstracking.php) and upload it to your site. Then, add the following line to each template page immediately after the opening <body> tag: <?php include_once(“analyticstracking.php”) ?>
但如果是純.html頁面時該怎麼辦呢?
不知用jQuery有沒有辦法載入js到頁面上
相關連結：
http://www.google.com/support/forum/p/Google+Analytics/thread?tid=09db22d528c94253&hl=en
http://www.cnblogs.com/BearsTaR/archive/2010/05/12/best_use_google_analytics.html
http://www.google.com/support/forum/p/other/thread?fid=75dd46c86c4b0f4300048ec6b3d263d0&hl=zh-TW
這個功能還不賴，是台灣人寫的，用在網頁製作時，需要在頁面填充一些看似有用卻又不是真的句子，以前要讓客戶看頁面前，都是上網抓一些其他相關網站的文章，再跟客戶討論版面，但這樣其實不太好，
萬一讓原文章擁有者發現，以為我們是要盜用他們的創作，那就糗了。
這是一個jQuery 的外掛，使用時，只要在頁內載入這兩行Javascript 閱讀全文...
以往的加入我的最愛都只支援微軟的IE，
目前這個JS支援IE與Firefox
<script type="text/javascript">
function addBookmarkForBrowser(sTitle, sUrl)
{
if (window.sidebar && window.sidebar.addPanel) {
addBookmarkForBrowser = function(sTitle, sUrl) {
window.sidebar.addPanel(sTitle, sUrl, "");
}
} else if (window.external) {
addBookmarkForBrowser = function(sTitle, sUrl) {
window.external.AddFavorite(sUrl, sTitle);
}
} else {
addBookmarkForBrowser = function() {
alert("do it yourself");
}
}
return addBookmarkForBrowser(sTitle, sUrl);
}
</script>
<a href="javascript:addBookmarkForBrowser('tommy Blog', 'http://tommy.ironman.tw');">
加入我的最愛
</a>
範例預覽：http://tommy.ironman.tw/Sample_Page/add-to-my-bookmark.html
文章來源：這裡
最新留言