javascript 实现网站浏览统计功能

1.从客户端获取piwik信息，后台接口接收传入的值再存入数据库 js代码如下

var npCore = {cookie: {set: function(key, val, time) { //设置cookie方法var date = new Date(); //获取当前时间var expiresDays = time; //将date设置为n天以后的时间date.setTime(date.getTime() + expiresDays * 24 * 3600 * 1000); //格式化为cookie识别的时间document.cookie = key + "=" + val + ";expires=" + date.toGMTString(); //设置cookie},get: function(key) { //获取cookie方法/*获取cookie参数*/var getCookie = document.cookie.replace(/[ ]/g, ""); //获取cookie，并且将获得的cookie格式化，去掉空格字符var arrCookie = getCookie.split(";"); //将获得的cookie以"分号"为标识 将cookie保存到arrCookie的数组中var tips; //声明变量tipsfor (var i = 0; i < arrCookie.length; i++) { //使用for循环查找cookie中的tips变量var arr = arrCookie[i].split("="); //将单条cookie用"等号"为标识，将单条cookie保存为arr数组if (key === arr[0]) { //匹配变量名称，其中arr[0]是指的cookie名称，如果该条变量为tips则执行判断语句中的赋值操作tips = arr[1]; //将cookie的值赋给变量tipsbreak; //终止for循环遍历}}return tips;},delete: function(key) { //删除cookie方法var date = new Date(); //获取当前时间date.setTime(date.getTime() - 10000); //将date设置为过去的时间document.cookie = key + "=v; expires =" + date.toGMTString(); //设置cookie}},//浏览器detectbrowser: function() { //判断是什么浏览器var sUserAgent = navigator.userAgent;var browser;var version;var versioncode;var start;var end;if (sUserAgent.indexOf("Firefox") > -1) {browser = "Firefox";start = sUserAgent.indexOf("Firefox/");end = sUserAgent.substring(start + 7, sUserAgent.length);browser = browser + end;} else if (sUserAgent.indexOf("OPR") > -1) {browser = "Opera";start = sUserAgent.indexOf("OPR/");browser = browser + sUserAgent.substring(start + 3, sUserAgent.length);} else if (sUserAgent.indexOf("QQBrowser") > -1) {browser = "QQBrowser";start = sUserAgent.indexOf("QQBrowser/");browser = browser + sUserAgent.substring(start + 9, sUserAgent.length);} else if (sUserAgent.indexOf("Chrome") > -1 &&sUserAgent.indexOf("Safari") > -1 &&sUserAgent.indexOf("QQBrowser") === -1) {browser = "Chrome";start = sUserAgent.indexOf("Chrome/");end = sUserAgent.indexOf(" ", start);browser = browser + sUserAgent.substring(start + 6, end);} else if (sUserAgent.indexOf("Safari") > -1 && sUserAgent.indexOf("Chrome") === -1) {browser = "Safari";start = sUserAgent.indexOf("Version/");end = sUserAgent.indexOf(" ", start);browser = browser + sUserAgent.substring(start + 7, end);} else if (sUserAgent.indexOf("Trident") > -1) {browser = "IE";start = sUserAgent.indexOf("Trident");end = sUserAgent.indexOf(";", start);version = sUserAgent.substring(start + 8, end);if (version === 7.0) {versioncode = 11;} else if (version === 6.0) {versioncode = 10;} else if (version === 5.0) {versioncode = 9;} else if (version === 4.0) {versioncode = 8;}browser = browser + versioncode;}return browser;},//系统语言getlanguage: function() {if (this.detectbrowser().indexOf("IE") > -1) {return window.navigator.language;} else {return window.navigator.languages;}},//操作系统detectOS: function() {var sUserAgent = navigator.userAgent;var isWin = (navigator.platform === "Win32") || (navigator.platform === "Windows");var isMac = (navigator.platform === "Mac68K") ||(navigator.platform === "MacPPC") ||(navigator.platform === "Macintosh") ||(navigator.platform === "MacIntel");if (isMac) return "Mac";var isLinux = navigator.platform.indexOf("Linux") > -1;if (isLinux) return "Linux";if (isWin) {var isWin2K = sUserAgent.indexOf("Windows NT 5.0") > -1 || sUserAgent.indexOf("Windows 2000") > -1;if (isWin2K) return "Win2000";var isWinXP = sUserAgent.indexOf("Windows NT 5.1") > -1 || sUserAgent.indexOf("Windows XP") > -1;if (isWinXP) return "WinXP";var isWin2003 = sUserAgent.indexOf("Windows NT 5.2") > -1 || sUserAgent.indexOf("Windows 2003") > -1;if (isWin2003) return "Win2003";var isWinVista = sUserAgent.indexOf("Windows NT 6.0") > -1 || sUserAgent.indexOf("Windows Vista") > -1;if (isWinVista) return "WinVista";var isWin7 = sUserAgent.indexOf("Windows NT 6.1") > -1 || sUserAgent.indexOf("Windows 7") > -1;if (isWin7) return "Win7";var isWin8 = sUserAgent.indexOf("Windows NT 6.2") > -1 || sUserAgent.indexOf("Windows 8") > -1;if (isWin8) return "Win8";}},//cookie seedcookieSeed: function () {var result;//cookieif (this.cookie.get("seed") === null || this.cookie.get("seed") === "" || this.cookie.get("seed") === "undefined") {var seed = "";var chars = ['0', '1', '2', '3', '4', '5', '6', '7', '8', '9', 'A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J', 'K', 'L', 'M', 'N', 'O', 'P', 'Q', 'R', 'S', 'T', 'U', 'V', 'W', 'X', 'Y', 'Z', 'a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'i', 'j', 'k', 'l', 'm', 'n', 'o', 'p', 'q', 'r', 's', 't', 'u', 'v', 'w', 'x', 'y', 'z'];for (var i = 0; i < 32; i++) {var id = parseInt(Math.random() * 61);seed += chars[id];}this.cookie.set("seed", seed, 365);}result = this.cookie.get("seed");return result;}
};var __np = {nua: "UA_12501254214",cookie: npCore.cookieSeed(),host: location.host,//主机userAgent: navigator.userAgent,//用户代理信息referrer: document.referrer,//上一个页面acceptLanguage: npCore.getlanguage().toString(),//接收语言domain: document.domain,//域url: location.href,//链接地址title: window.document.title, //页面标题charset: window.document.charset,//页面编码os: npCore.detectOS(),//操作系统browser: npCore.detectbrowser(),//浏览器resolution: window.screen.deviceXDPI,// 分辨率responseHeader: "",//响应头server: ""
}//console.log(__np);

2.从服务器获取信息后台使用HttpContext.Current.Request获取不同信息，如域名，服务器，浏览器等

3.将该项目发布至服务器，在需要采集的项目的页面中加入以下代码

<script src="http://analysis.lsmaps.com/Context/js/piwikInfo.js"></script>
<script>var _np_host = "http://analytics.lsmaps.com";$.ajax({url: _np_host + "/api/Get",type: "GET",   //请求方式data: __np,    //参数值});
</script>

【注】使用ajax方式存在跨域问题，所以后期要进行修改。要将客户端的信息获取到存入到图片中，这样安全且不存在跨域的问题，类似google analytics。

javascript 实现网站浏览统计功能相关推荐

一分钟为网站添加统计功能
首先我们需要选择第三方平台,推荐使用腾讯分析或者百度统计为什么使用这些平台呢? 1.首先省事高效,我们不需要自己去开发这些功能,只需要一行代码粘贴到自己的网站中,就可以生效使用了: 2.第二点大公司 ...
利用HttpSessionListener实现网站在线人数统计功能
为什么80%的码农都做不了架构师?>>> 在网站中经常需要进行在线人数的统计.过去的一般做法是结合登录和退出功能,即当用户输入用户名密码进行登录的时候计数器加1,然后当用户点击 ...
html调用一言api,纯 JavaScript 实现网站一言功能
之前网站分享过一个一言功能 >>> 网站新增一言功能--微语录就是这么简单 .主要是用来在网站指定位置显示一句语录用的,之前的方式是通过后台 PHP 获取输出到网站前端的,最近闲来无 ...
php 足迹,php实现网站浏览足迹功能
/*** * 向cookie中添加内容 */ public function addcookie($content){ $trace=cookie('trace');//读取原有值 if (!empt ...
使用百度统计功能快速统计网站的访问情况
在网站建设完成后,很多人都希望统计到网站的访问情况,如访问了哪个页面.页面停留时间.访问者的IP地址以及访问设备.访问者所在的省份区域.访问来源等诸多信息,要实现这种功能可以自行编写代码,从http请 ...
网站统计功能的设计与实现
关键字:网站统计设计实现作者:方倍工作室原文: http://www.cnblogs.com/txw1958/p/website-statistic-analysis.html 本文简要介绍 ...
网站统计功能的设计和实现
本文简要介绍网站统计功能的设计与实现. 本文分为以下五个部分: 埋点设计与实现页面引入数据接收数据入库统计分析一.埋点设计与实现在JavaScript中,包含了很多对象,可以用于获取用户的 ...
自建站的博客网站添加百度统计功能统计流量
有了自己的网站后,想要知道自己网站的访问情况怎么办,有两种方法,一种是自己写代码进行ip地址获取并解析IP地址来源从而得到IP地址属地,进一步进行统计.另一种方法就是使用现有的统计工具,我这里使用的是 ...
【Storm】Spout的storm-starter及Grouping策略、并发度讲解、网站浏览量和用户数统计
maven先安装好. 以下讲storm-starter的使用. 1.从github下载官方的storm-starter例子包,是maven工程, 地址 https://github.com/natha ...

javascript 实现网站浏览统计功能

javascript 实现网站浏览统计功能相关推荐

最新文章

热门文章