Google也推出了繁體版的Analytics網站分析功能供各部落客或站主使用，只需一小段js碼，就可以隨時了解知道貴網站或部落格的流量統計資料：訪客資料，流量來源，以及停留在某頁面的時間。
設定Google Analytics真是有點兒麻煩，所以TomChung在此詳細介紹一下設定流程。
首先當然是用Google帳號登入，並連線到https://www.google.com/analytics/，然後就填寫網站地址及其他資料。
完成這步工序後，就會出現以下頁面：
首先按右上角的‘新增設定檔’，然後再選擇網站設定檔類型，注意，未填寫網站資料或想新增其他網站的話，請選擇‘新增新網域的設定檔’，已有網站資料的用戶，請選擇‘新增現有網域的設定檔’。
如果是‘新增新網域的設定檔’，完成後再次進入剛才的‘新增設定檔’，否則繼續下一步。
設定檔名稱可以自由填寫，只要記得該名稱，就能看到網站分析報表。
完成後，Google Analytics會重新引導到主頁，你會看到剛才設定檔名稱的狀態是有問題的，原因是‘未知的跟踪’。
這個情況下，如果放著不理，報表是無法順利提供。
下一步，按動作中的編輯，就會看到‘網站設定檔資訊’ 這一欄，在右上方有‘未知的追蹤 ( 檢查狀態 )’的鏈接，進入後，就能在下面看到Js程式碼，Copy下來後，貼在網頁的中緊接在 </head> 結束標記之前。
完成後再按’檢查狀態‘的鏈接，就會出現以下視窗：
接下來的時間，就只有等待Google Analytics的追蹤，再分析，就能出現網頁報表了。
zgtckt 發表在 痞客邦 留言(0) 人氣()
Gerry's Script Library提供JavaScript，Perl，PHP及Python的源碼，包括GuestBook訪客留言書，ChatBox聊天室，FileManager文件管理器，以及眾多Js碼，使你的網頁的內容更豐富，TomChung較喜歡的，就是這個ToolTip快顯視窗/方格，就是每當Mouse經過特定文字或圖片，網頁就會顯示一個說明方格，移開Mouse後，該方格就會消失，有玩商業大亨的人應該知道了。
Gerry's Script Library含有該源碼的下載鏈接，Domo示範及教學。
網址： http://www.gerd-tentler.de/tools/main.php
zgtckt 發表在 痞客邦 留言(0) 人氣()
請根據Readme資料及安裝指引進行遊戲，由於是英文版，請到網絡翻譯器進行翻譯。
Dragon Knight是RPG遊戲，主要用滑鼠操作，隨機打怪，能獲得裝備及道具，功能及界面十分十分簡單易明。 本遊戲透過MYSOL進行記錄資料，所以WebHosting空間必須具備PHP及MYSOL。
Domo地址：http://webgame.cktweb.co.cc/dk1111
下載地址：
1.http://www.mediafire.com/?44bvx17mjwlh021
2.http://www.gamefront.com/files/20268877/dk1111.rar
zgtckt 發表在 痞客邦 留言(0) 人氣()
zgtckt 發表在 痞客邦 留言(0) 人氣()
SiteTag能根據使用者在搜尋引擎查找的關鍵字，所集結及篩選關鍵字。SiteTag提供一支網站專屬的JS程式，放置在網頁，就能開始集結。SiteTag可以讓站主清楚瞭解訪客是由什麼關鍵字搜索而來，並能加快搜尋引擎的收錄。
以上是 SiteTag給本站的報表，詳細地列出關鍵字來源。
網址：http://sitetag.us/
zgtckt 發表在 痞客邦 留言(0) 人氣()
在Blog中，文章與文章之間的聯繫是很重要的一環，而隨機文章的系統更能吸引訪客的視線，繼續閱讀其他文章。經過測試，在Blogger及Pixnet中，均可運用這隨機文章JS，透過feeds的即時文章，就能達到這效果。
只要把以下JS碼放置在部落格中，就可以了。
<script type="text/javascript">
var randarray = new Array();var l=0;var flag;
var numofpost=3;function randomposts(json){
var total = parseInt(json.feed.openSearch$totalResults.$t,10);
for(i=0;i < numofpost;){flag=0;randarray.length=numofpost;l=Math.floor(Math.random()*total);for(j in randarray){if(l==randarray[j]){ flag=1;}}
if(flag==0&&l!=0){randarray[i++]=l;}}document.write('<ul>');
for(n in randarray){ var p=randarray[n];var entry=json.feed.entry[p-1];
for(k=0; k < entry.link.length; k++){if(entry.link[k].rel=='alternate'){var item = "<li>" + "<a href=" + entry.link[k].href + " rel="nofollow ugc noreferrer noopener">" + entry.title.$t + "</a> </li>";
document.write(item);}}
}document.write('</ul>');}
</script>
<script src="/feeds/posts/default?alt=json-in-script&start-index=1&max-results=1000&callback=randomposts" type="text/javascript"></scrip></script>
zgtckt 發表在 痞客邦 留言(0) 人氣()
滑鼠足跡可以用JavaScript實現,他能使一個圖層跟隨着滑鼠遊走
基本源碼如下
<script language="JavaScript">
<!--
function namosw_mouse_trail() {
if (!document.nasw_mt_bounce) {
nasw_mt_dots = new Array();
document.nasw_mt_bounce = 0.75;
document.nasw_mt_seglen = 10;
document.nasw_mt_sprgk = 10;
document.nasw_mt_deltat = .01;
document.nasw_mt_ygrav = 50;
document.nasw_mt_resist = 10;
document.nasw_mt_stopvel = 0.1;
document.nasw_mt_mass = 1;
document.nasw_mt_stopc = 0.1;
document.nasw_mt_xgrv = 0;
document.nasw_mt_xps = 0;
document.nasw_mt_ndts = namosw_mouse_trail.arguments.length;
document.nasw_mt_yps = 0;
document.nasw_mt_dtsize = 11;
document.nasw_mt_followmouse = true;
if (navigator.appName=="Netscape" && !document.getElementById) {
document.captureEvents(Event.MOUSEMOVE);
document.onMouseMove = namosw_MoveHandler;
} else if (navigator.appName=="Netscape" && document.getElementById) {
document.onmousemove = namosw_MoveHandler;
} else {
document.onmousemove = namosw_MoveHandlerIE;
}
}
var i = 0;
for (i = 0; i < document.nasw_mt_ndts; i++)
nasw_mt_dots[i] = new namosw_dot(namosw_mouse_trail.arguments[i]);
for (i = 0; i < document.nasw_mt_ndts; i++) {
nasw_mt_dots[i].obj.left = nasw_mt_dots[i].X;
nasw_mt_dots[i].obj.top = nasw_mt_dots[i].Y;
}
if (navigator.appName=="Netscape" && !document.getElementById)
namosw_startanimate();
else
setTimeout("namosw_startanimate()", 1000);
}
function namosw_dot(layername)
{
this.X = document.nasw_mt_xps;
this.Y = document.nasw_mt_yps;
this.dx = 0;
this.dy = 0;
if (navigator.appName=="Netscape" && !document.getElementById)
this.obj = eval("document." + layername);
else if (document.getElementById) {
this.obj = document.getElementById(layername).style;
} else
this.obj = eval(layername + ".style");
}
function namosw_startanimate()
{
setInterval("namosw_mouse_trail_animate()", 20);
}
function namosw_setInitPositions()
{
var startloc = document.all.tags("LI");
var i = 0;
for (i = 0; i < startloc.length && i < (document.nasw_mt_ndts-1); i++) {
nasw_mt_dots[i+1].X = startloc[i].offsetLeft +
startloc[i].offsetParent.offsetLeft -document.nasw_mt_dtsize;
nasw_mt_dots[i+1].Y = startloc[i].offsetTop +
startloc[i].offsetParent.offsetTop + 2*nasw_mt_dotsIZE;
}
nasw_mt_dots[0].X = nasw_mt_dots[1].X;
nasw_mt_dots[0].Y = nasw_mt_dots[1].Y - document.nasw_mt_seglen;
}
function namosw_MoveHandler(e)
{
document.nasw_mt_xps = e.pageX;
document.nasw_mt_yps = e.pageY;
return true;
}
function namosw_MoveHandlerIE() {
document.nasw_mt_xps = window.event.x + document.body.scrollLeft;
document.nasw_mt_yps = window.event.y + document.body.scrollTop;
}
function namosw_vec(X, Y)
{
this.X = X;
this.Y = Y;
}
function namosw_springForce(i, j, spring)
{
var dx = (nasw_mt_dots[i].X - nasw_mt_dots[j].X);
var dy = (nasw_mt_dots[i].Y - nasw_mt_dots[j].Y);
var len = Math.sqrt(dx*dx + dy*dy);
if (len > document.nasw_mt_seglen) {
var springF = document.nasw_mt_sprgk * (len - document.nasw_mt_seglen);
spring.X += (dx / len) * springF;
spring.Y += (dy / len) * springF;
}
}
function namosw_mouse_trail_animate() {
var start = 0;
if (document.nasw_mt_followmouse) {
nasw_mt_dots[0].X = document.nasw_mt_xps;
nasw_mt_dots[0].Y = document.nasw_mt_yps;
nasw_mt_dots[0].obj.left = nasw_mt_dots[0].X;
nasw_mt_dots[0].obj.top = nasw_mt_dots[0].Y;
start = 1;
}
for (i = start ; i < document.nasw_mt_ndts; i++ ) {
var spring = new namosw_vec(0, 0);
if (i > 0)
namosw_springForce(i-1, i, spring);
if (i < (document.nasw_mt_ndts - 1))
namosw_springForce(i+1, i, spring);
var resist = new namosw_vec(-nasw_mt_dots[i].dx * document.nasw_mt_resist, -nasw_mt_dots[i].dy * document.nasw_mt_resist);
var accel = new namosw_vec((spring.X + resist.X)/document.nasw_mt_mass +document.nasw_mt_xgrv,
(spring.Y + resist.Y)/ document.nasw_mt_mass + document.nasw_mt_ygrav);
nasw_mt_dots[i].dx += (document.nasw_mt_deltat * accel.X);
nasw_mt_dots[i].dy += (document.nasw_mt_deltat * accel.Y);
if (Math.abs(nasw_mt_dots[i].dx) <document.nasw_mt_stopvel &&
Math.abs(nasw_mt_dots[i].dy) <document.nasw_mt_stopvel &&
Math.abs(accel.X) < document.nasw_mt_stopc &&
Math.abs(accel.Y) < document.nasw_mt_stopc) {
nasw_mt_dots[i].dx = 0;
nasw_mt_dots[i].dy = 0;
}
nasw_mt_dots[i].X += nasw_mt_dots[i].dx;
nasw_mt_dots[i].Y += nasw_mt_dots[i].dy;
var height, width;
if (navigator.appName=="Netscape") {
height = window.innerHeight + window.pageYOffset;
width = window.innerWidth + window.pageXOffset;
} else {
height = document.body.clientHeight + document.body.scrollTop;
width = document.body.clientWidth + document.body.scrollLeft;
}
if (nasw_mt_dots[i].Y >= height -document.nasw_mt_dtsize - 1) {
if (nasw_mt_dots[i].dy > 0)
nasw_mt_dots[i].dy =document.nasw_mt_bounce * -nasw_mt_dots[i].dy;
nasw_mt_dots[i].Y = height -document.nasw_mt_dtsize - 1;
}
if (nasw_mt_dots[i].X >= width -document.nasw_mt_dtsize) {
if (nasw_mt_dots[i].dx > 0)
nasw_mt_dots[i].dx =document.nasw_mt_bounce * -nasw_mt_dots[i].dx;
nasw_mt_dots[i].X = width -document.nasw_mt_dtsize - 1;
}
if (nasw_mt_dots[i].X < 0) {
if (nasw_mt_dots[i].dx < 0)
nasw_mt_dots[i].dx =document.nasw_mt_bounce * -nasw_mt_dots[i].dx;
nasw_mt_dots[i].X = 0;
}
nasw_mt_dots[i].obj.left = nasw_mt_dots[i].X;
nasw_mt_dots[i].obj.top = nasw_mt_dots[i].Y;
}
}
// -->
</script>
把以上源碼貼在<head>與</head>之間,然後在<body>中加入一圖層.
圖層源碼為:<div>內容</div>,並將圖層命名為layer1.
然後在<body>中加入以下文字:<body OnLoad="namosw_mouse_trail('layer1')">.
以上步驟完成後,就會出現以下效果!!(按圖片開始呈現)
zgtckt 發表在 痞客邦 留言(0) 人氣()
