网站日志系统的设计（二）

假设我们需要统计的网页是a.html 日志的js文件叫 log.js

那么我们只要在a.html的</body>前面加入以下代码

<script src=log.js type="text/javscript"></script>

下面就是考虑log.js文件的设计了。

如果用户在a.html进行了某些行为，被log.js捕捉到了，log.js需要将这一个行为通知一个php文件，php文件复制将这一个行为写入到一个mysql的数据库中。那么log.js通知log.php实现的方法就体现了script方法和ajax方法的区别。

如果a.html log.js和log.php 是在同一个域名下面的，就可以用ajax，但如果不是就只能用下面的方法了。

先看一下sendLog的代码：

function sendLog(act)
{
var s = document.createElement("script");
s.type = "text/javascript";
s.src = "http://xxx.xxx.xxx.xxx/log.php?screen="+scr+"&page="+page+"&act="+act+"&ref="+ref+"&t="+title;
document.getElementsByTagName("head")[0].appendChild(s);
}

网站日志系统的设计（一）

如果要监测一个网站的流量，日志系统肯定是少不了的，可以用google analytics。但如果自己设计，可以获取更多的信息。

最简单的日志系统，是用服务器脚本，比如php来记录，这其实和apache的记录差不多。但这种方法无法跟踪用户的点击和鼠标。所以这种方法就不介绍了。

用javascript来设计网站的日志系统，可以用两种方法设计，Ajax或者script方法（这个方法没有标准的名字，所以暂时叫script方法）。

Ajax方法主要适用于记录本服务器网站的日志，这主要是因为ajax的跨域是比较困难的，我暂时还没有看到比较好的解决方法。对于一个大的网站，有几台服务器，这个方法就不好了，所以这个方法就不介绍了，估计google analytics也不是用这个方法做的。

script方法设计网站的日志系统，最终可以做出和Google一样的效果，就是只要在被统计网页中加入一个js代码，就可以统计了。这个方法的基本原理是动态的在html文件中加入script标签。

搜索引擎输入提示的几个技术关键

很多搜索引擎都有输入提示，比如google,迅雷等等。这两天我也实现了一个，如下图。



实现这个功能有以下关键：
1.有一个常见搜索的词典，可以存在mysql中。这样根据用户已经输入的字，可以通过mysql 的like查询获得待选结果。
2.一个php文件把待选结果显示成html的格式
3.利用ajax获得php的返回结果，然后控制待选框的div的innerHTML的事件显示
4.处理好输入框,body,和待选框的onkeydown()事件

以上就是实现输入法提示的重点。如果要做的好，最重要的就是常见搜索词典的大小了，查询词越多，结果越好。