ホームページ >ウェブフロントエンド >jsチュートリアル >JavaScript で実装された Web サイトのトラフィック統計コード
ウェブサイトには一般的にトラフィック統計ツールがあり、効率的で実用的なツールが数多くあり、それらは非常に正確です。実際の JavaScript もこの関数を簡単に実装できますが、インターネットで一般的に使用されているほど正確ではありませんが、コード例を示しますので、興味のある方は参照してください。 js コードを直接投稿してください。
<script type="text/javascript"> /** * vlstat 浏览器统计脚本 */ var statIdName = "vlstatId"; var xmlHttp; /** * 设置cookieId */ function setCookie(c_name, value, expiredays) { var exdate = new Date(); exdate.setDate(exdate.getDate() + expiredays); document.cookie = c_name + "=" + escape(value) + ((expiredays == null) ? "" : ";expires=" + exdate.toGMTString()) + ";path=/;domain=cecb2b.com"; } /** * 获取cookieId */ function getCookie(c_name) { if (document.cookie.length > 0) { c_start = document.cookie.indexOf(c_name + "="); if (c_start != -1) { c_start = c_start + c_name.length + 1; c_end = document.cookie.indexOf(";", c_start); if (c_end == -1) { c_end = document.cookie.length; } return unescape(document.cookie.substring(c_start, c_end)); } } return ""; } /** * 获取当前时间戳 */ function getTimestamp() { var timestamp = Date.parse(new Date()); return timestamp; } /** * 生成statId */ function genStatId() { var cookieId = getTimestamp(); cookieId = "vlstat" + "-" + cookieId + "-" + Math.round(Math.random() * 3000000000); return cookieId; } /** * 设置StatId */ function setStatId() { var cookieId = genStatId(); setCookie(statIdName, cookieId, 365); } /** * 获取StatId */ function getStatId() { var statId = getCookie(statIdName); if (statId != null && statId.length > 0) { return statId; } else { setStatId(); return getStatId(); } } /** * 获取UA */ function getUA() { var ua = navigator.userAgent; if (ua.length > 250) { ua = ua.substring(0, 250); } return ua; } /** * 获取浏览器类型 */ function getBrower() { var ua = getUA(); if (ua.indexOf("Maxthon") != -1) { return "Maxthon"; } else if (ua.indexOf("MSIE") != -1) { return "MSIE"; } else if (ua.indexOf("Firefox") != -1) { return "Firefox"; } else if (ua.indexOf("Chrome") != -1) { return "Chrome"; } else if (ua.indexOf("Opera") != -1) { return "Opera"; } else if (ua.indexOf("Safari") != -1) { return "Safari"; } else { return "ot"; } } /** * 获取浏览器语言 */ function getBrowerLanguage() { var.browserLanguage; return lang != null && lang.length > 0 ? lang : ""; } /** * 获取操作系统 */ function getPlatform() { return navigator.platform; } /** * 获取页面title */ function getPageTitle() { return document.title; } /** * 创建一个form * * @return */ function createSubmitForm() { var frm = document.createElement("form"); document.body.appendChild(frm); frm.method = "POST"; return frm; } /** * 为form创建一个元素 * * @param inputForm * @param elementName * @param elementValue * @return */ function createFormElement(frmInput, elementName, elementValue) { var element = document.createElement("input"); element.setAttribute("id", elementName); element.setAttribute("name", elementName); element.setAttribute("type", "hidden"); element.setAttribute("value", elementValue); frmInput.appendChild(element); return element; } /** * 构造XMLHttpRequest对象 * * @return */ function createXMLHttpRequest() { if (window.ActiveXObject) { xmlHttp = new ActiveXObject('Microsoft.XMLHTTP'); } else if (window.XMLHttpRequest) { xmlHttp = new XMLHttpRequest(); } } /** * url指定跳转页,data是要post的数据。func类似于函数指针 * * @param url * @param data * @param func * @return */ function AjaxPost(url, data, func) { var httpRequest = createHttpRequest(); if (httpRequest) { httpRequest.open("POST", url, true); httpRequest.setRequestHeader("content-length", data.length); httpRequest.setRequestHeader("Content-Type", "application/x-www-form-urlencoded"); httpRequest.send(data); httpRequest.onreadystatechange = function() { if (httpRequest.readyState == 4) { try { if (httpRequest.status == 200) { if (func) { // 这里可以调用想要的函数 func(httpRequest.responseText); } } } catch (e) { alert("Error XMLHttpRequest!"); } } } } else { alert("Error initializing XMLHttpRequest!"); } } function vlstatInitLE(vlch, vlch1, vlch2, vlch3) { var p; var vlstatCH = vlch != null && vlch.length > 0 ? vlch : ""; var vlstatCH1 = vlch1 != null && vlch1.length > 0 ? vlch1 : ""; var vlstatCH2 = vlch2 != null && vlch2.length > 0 ? vlch2 : ""; var vlstatCH3 = vlch3 != null && vlch3.length > 0 ? vlch3 : ""; var vlstatCookieId = getStatId(); var vlstatUA = encodeURIComponent(getUA()); var vlstatIPAddress = document.localName; var vlstatREFURL = encodeURIComponent(document.referrer); var vlstatURL = encodeURIComponent(document.URL); var vlstatScreenX = screen.width; var vlstatScreenY = screen.height; var vlstatOS = getPlatform(); var vlstatBrower = getBrower(); var vlstatBrowerLanguage = getBrowerLanguage(); var vlstatPageTitle = encodeURIComponent(getPageTitle()); var vlstatAction = "index.php"; p = "cookieId=" + vlstatCookieId + "&ua=" + vlstatUA + "&ip=" + vlstatIPAddress + "&refurl=" + vlstatREFURL + "&url=" + vlstatURL + "&screenX=" + vlstatScreenX + "&screenY=" + vlstatScreenY + "&os=" + vlstatOS + "&brower=" + vlstatBrower + "&browerLang=" + vlstatBrowerLanguage + "&title=" + vlstatPageTitle + "&ch=" + vlstatCH + "&ch1=" + vlstatCH1 + "&ch2=" + vlstatCH2 + "&ch3=" + vlstatCH3; var urlGo = vlstatAction + "?" + p; createXMLHttpRequest(); xmlHttp.open('GET', urlGo); xmlHttp.send(null); } </script>それでは、JS の正確な Web サイト トラフィック統計プログラムのコード例を共有します。
/** * vlstat 浏览器统计脚本 */ var statIdName = "vlstatId"; var xmlHttp; /** * 设置cookieId */ function setCookie(c_name, value, expiredays) { var exdate = new Date(); exdate.setDate(exdate.getDate() + expiredays); document.cookie = c_name + "=" + escape(value) + ((expiredays == null) ? "" : ";expires=" + exdate.toGMTString()) + ";path=/;domain=cecb2b.com"; } /** * 获取cookieId */ function getCookie(c_name) { if (document.cookie.length > 0) { c_start = document.cookie.indexOf(c_name + "="); if (c_start != -1) { c_start = c_start + c_name.length + 1; c_end = document.cookie.indexOf(";", c_start); if (c_end == -1) { c_end = document.cookie.length; } return unescape(document.cookie.substring(c_start, c_end)); } } return ""; } /** * 获取当前时间戳 */ function getTimestamp() { var timestamp = Date.parse(new Date()); return timestamp; } /** * 生成statId */ function genStatId() { var cookieId = getTimestamp(); cookieId = "vlstat" + "-" + cookieId + "-" + Math.round(Math.random() * 3000000000); return cookieId; } /** * 设置StatId */ function setStatId() { var cookieId = genStatId(); setCookie(statIdName, cookieId, 365); } /** * 获取StatId */ function getStatId() { var statId = getCookie(statIdName); if (statId != null && statId.length > 0) { return statId; } else { setStatId(); return getStatId(); } } /** * 获取UA */ function getUA() { var ua = navigator.userAgent; if (ua.length > 250) { ua = ua.substring(0, 250); } return ua; } /** * 获取浏览器类型 */ function getBrower() { var ua = getUA(); if (ua.indexOf("Maxthon") != -1) { return "Maxthon"; } else if (ua.indexOf("MSIE") != -1) { return "MSIE"; } else if (ua.indexOf("Firefox") != -1) { return "Firefox"; } else if (ua.indexOf("Chrome") != -1) { return "Chrome"; } else if (ua.indexOf("Opera") != -1) { return "Opera"; } else if (ua.indexOf("Safari") != -1) { return "Safari"; } else { return "ot"; } } /** * 获取浏览器语言 */ function getBrowerLanguage() { var.browserLanguage; return lang != null && lang.length > 0 ? lang : ""; } /** * 获取操作系统 */ function getPlatform() { return navigator.platform; } /** * 获取页面title */ function getPageTitle() { return document.title; } /** * 创建一个form * * @return */ function createSubmitForm() { var frm = document.createElement("form"); document.body.appendChild(frm); frm.method = "POST"; return frm; } /** * 为form创建一个元素 * * @param inputForm * @param elementName * @param elementValue * @return */ function createFormElement(frmInput, elementName, elementValue) { var element = document.createElement("input"); element.setAttribute("id", elementName); element.setAttribute("name", elementName); element.setAttribute("type", "hidden"); element.setAttribute("value", elementValue); frmInput.appendChild(element); return element; } /** * 构造XMLHttpRequest对象 * * @return */ function createXMLHttpRequest() { if (window.ActiveXObject) { xmlHttp = new ActiveXObject('Microsoft.XMLHTTP'); } else if (window.XMLHttpRequest) { xmlHttp = new XMLHttpRequest(); } } /** * url指定跳转页,data是要post的数据。func类似于函数指针 * * @param url * @param data * @param func * @return */ function AjaxPost(url, data, func) { var httpRequest = createHttpRequest(); if (httpRequest) { httpRequest.open("POST", url, true); httpRequest.setRequestHeader("content-length", data.length); httpRequest.setRequestHeader("Content-Type", "application/x-www-form-urlencoded"); httpRequest.send(data); httpRequest.onreadystatechange = function() { if (httpRequest.readyState == 4) { try { if (httpRequest.status == 200) { if (func) { // 这里可以调用想要的函数 func(httpRequest.responseText); } } } catch (e) { alert("Error XMLHttpRequest!"); } } } } else { alert("Error initializing XMLHttpRequest!"); } } function vlstatInitLE(vlch, vlch1, vlch2, vlch3) { var p; var vlstatCH = vlch != null && vlch.length > 0 ? vlch : ""; var vlstatCH1 = vlch1 != null && vlch1.length > 0 ? vlch1 : ""; var vlstatCH2 = vlch2 != null && vlch2.length > 0 ? vlch2 : ""; var vlstatCH3 = vlch3 != null && vlch3.length > 0 ? vlch3 : ""; var vlstatCookieId = getStatId(); var vlstatUA = encodeURIComponent(getUA()); var vlstatIPAddress = document.localName; var vlstatREFURL = encodeURIComponent(document.referrer); var vlstatURL = encodeURIComponent(document.URL); var vlstatScreenX = screen.width; var vlstatScreenY = screen.height; var vlstatOS = getPlatform(); var vlstatBrower = getBrower(); var vlstatBrowerLanguage = getBrowerLanguage(); var vlstatPageTitle = encodeURIComponent(getPageTitle()); var vlstatAction = "index.php"; p = "cookieId=" + vlstatCookieId + "&ua=" + vlstatUA + "&ip=" + vlstatIPAddress + "&refurl=" + vlstatREFURL + "&url=" + vlstatURL + "&screenX=" + vlstatScreenX + "&screenY=" + vlstatScreenY + "&os=" + vlstatOS + "&brower=" + vlstatBrower + "&browerLang=" + vlstatBrowerLanguage + "&title=" + vlstatPageTitle + "&ch=" + vlstatCH + "&ch1=" + vlstatCH1 + "&ch2=" + vlstatCH2 + "&ch3=" + vlstatCH3; var urlGo = vlstatAction + "?" + p; createXMLHttpRequest(); xmlHttp.open('GET', urlGo); xmlHttp.send(null); }JavaScript で実装された Web サイト トラフィック統計コードに関連するその他の記事については、PHP 中国語 Web サイトに注目してください。