地址
开发文档：http://doc.talkingdata.com/posts/36
数据平台：https://www.talkingdata.com/spa/app-analytics/#/analytics/behavior/events/3304965/%25E5%25BF%25AB%25E9%2580%259F%25E6%25B3%25A8%25E5%2586%258C%25E3%2580%2582%25E3%2580%2582%25E3%2580%2582
使用
引入：
<script src="https://jic.talkingdata.com/app/h5/v1?appid=APPID&vn=应用版本名称&vc=应用版本id"></script>
使用：
TDAPP.onEvent(“事件名称”, “用户唯一标识”);
eg:
/ eslint-disable /
TDAPP.onEvent(‘快速注册。。。’, ‘3013520’)
/ eslint-enable /
效果
如下：第一参数统计操作，第二参数统计用户，
可以知道页面某个位置被使用多少次，使用的用户信息和用户操作次数，即：统计用户行为
源码
如上图：这货就是在发送请求，和热云统计一个样子，将数据通过接口上传然后再有个后台展示数据
其引入js代码如下：
var appid = ‘。。。。。。。。。。。。。xxxxxx’;
var vn = ‘name’;
var vc = ‘1.0.1’;
// 需引入ajax和参数处理js的基地址
var TDBaseUrl = ‘http://sdk.talkingdata.com/app/h5/v1/websdk‘;
// 接口地址
var TDRequestUrl = ‘http://h5data.talkingdata.net/app/v1‘;
// 在引入js内动态再次添加js
function createScriptTd(url) {
var head = document.getElementsByTagName(‘head’)[0];
_var script = document.createElement(‘script’);
_script.type = ‘text/javascript’;
_script.src = url;
_head.appendChild(_script)
};
createScriptTd(TDBaseUrl + ‘/js/sdk_release.js’);
if (!window[‘JSON’] || typeof JSON !== ‘object’) { createScriptTd(TDBaseUrl + ‘/js/json2.js’) };
window[“TDAPP”] = {};
window[“TDAPP”].onEvent = _function (id, label, params) {
if (arguments.length > 0) {
try {
var opts = { count: 1, start: new Date().getTime() };
if (id != undefined) { opts[“id”] = typeof id != “string” ? JSON.stringify(id) : id } if (label != undefined) { opts[“label”] = typeof label != “string” ? JSON.stringify(label) : label } else { opts[“label”] = “” } if (params != undefined) {
var isJson = function (obj) {
var isjson = typeof (obj) == “object” && Object.prototype.toString.call(obj).toLowerCase() == “[object object]” && !obj.length;
return isjson
};
if (isJson(params)) { opts[“params”] = params } else { opts[“params”] = { params: “” } }
} var eventName = “TDtd-init-event”;
_var ev = localStorage[eventName];
if (ev) {
var ca = JSON.parse(ev);
ca.push(opts);
localStorage.setItem(eventName, JSON.stringify(ca));
return
};
localStorage.setItem(eventName, “[“ + JSON.stringify(opts) + “]”)
} catch (e) { }
}
};
在引入的js内引入了两个js，定义了接口地址
含有请求的js：http://sdk.talkingdata.com/app/h5/v1/websdk/js/sdk_release.js
怀疑是参数处理的js：http://sdk.talkingdata.com/app/h5/v1/websdk/js/json2.js
以下为含请求js的代码：
function pageLogout(e) {
if (!eventState) return; var t = (new Date).getTime();
TDBASE.lealSet(t), TDBASE.addGenre({ name: window.location.href, start: WebappStart, duration: parseInt((t - WebappStart) / 1e3), refer: document.referrer }, “pages”), eventState = !1
} function trim(e) { return e } function UrlRequest() { this.url = TDRequestUrl, this.opts = {}, this.requestArray = new Array } var $$ = function (window) {
function triggerAndReturn(e, t, n) { return !0 } function triggerGlobal(e, t, n, r) { if (e.global) return triggerAndReturn(t || document, n, r) } function ajaxStart(e) { e.global && ajax.active++ === 0 && triggerGlobal(e, null, “ajaxStart”) } function ajaxStop(e) { e.global && !—ajax.active && triggerGlobal(e, null, “ajaxStop”) } function ajaxBeforeSend(e, t) {
var n = t.context;
if (t.beforeSend.call(n, e, t) === !1 || triggerGlobal(t, n, “ajaxBeforeSend”, [e, t]) === !1) return !1;
triggerGlobal(t, n, “ajaxSend”, [e, t])
} function ajaxSuccess(e, t, n) {
var r = n.context, i = “success”;
n.success.call(r, e, i, t), triggerGlobal(n, r, “ajaxSuccess”, [t, n, e]), ajaxComplete(i, t, n)
} function ajaxError(e, t, n, r) {
var i = r.context;
r.error.call(i, n, t, e), triggerGlobal(r, i, “ajaxError”, [n, r, e]), ajaxComplete(t, n, r)
} function ajaxComplete(e, t, n) {
var r = n.context;
n.complete.call(r, t, e), triggerGlobal(n, r, “ajaxComplete”, [t, n]), ajaxStop(n)
} function empty() { } function mimeToDataType(e) { return e && (e == htmlType ? “html” : e == jsonType ? “json” : scriptTypeRE.test(e) ? “script” : xmlTypeRE.test(e) && “xml”) || “text” } function appendQuery(e, t) { return (e + “&” + t).replace(/[&?]{1,2}/, “?”) } function serializeData(e) { typeof e.data == “object” && (e.data = param(e.data)), e.data && (!e.type || e.type.toUpperCase() == “GET”) && (e.url = appendQuery(e.url, e.data)) } function serialize(e, t, n, r) {
var i = typeof t == “array”;
for (var s in t) {
var o = t[s];
r && (s = n ? r : r + “[“ + (i ? “” : s) + “]”), !r && i ? e.add(o.name, o.value) : (n ? typeof o == “array” : typeof o == “object”) ? serialize(e, o, n, s) : e.add(s, o)
}
} function param(e, t) {
var n = [];
return n.add = function (e, t) { this.push(escape(e) + “=” + escape(t)) }, serialize(n, e, t), n.join(“&”).replace(“%20”, “+”)
} function extend(e) {
var t = Array.prototype.slice;
return t.call(arguments, 1).forEach(function (t) { for (key in t) t[key] !== undefined && (e[key] = t[key]) }), e
} var jsonpID = 0, document = window.document, key, name, rscript = /
var settings = extend({}, options || {});
for (key in ajax.settings) settings[key] === undefined && (settings[key] = ajax.settings[key]);
ajaxStart(settings), settings.crossDomain || (settings.crossDomain = /^([\w-]+:)?\/\/([^\/]+)/.test(settings.url) && RegExp.$2 != window.location.host);
var dataType = settings.dataType, hasPlaceholder = /=\?/.test(settings.url);
if (dataType == “jsonp” || hasPlaceholder) return hasPlaceholder || (settings.url = appendQuery(settings.url, “callback=?”)), ajax.JSONP(settings);
settings.url || (settings.url = window.location.toString()), serializeData(settings);
var mime = settings.accepts[dataType], baseHeaders = {}, protocol = /^([\w-]+:)\/\//.test(settings.url) ? RegExp.$1 : window.location.protocol, xhr = ajax.settings.xhr(), abortTimeout;
settings.crossDomain || (baseHeaders[“X-Requested-With”] = “XMLHttpRequest”), mime && (baseHeaders.Accept = mime, mime.indexOf(“,”) > -1 && (mime = mime.split(“,”, 2)[0]), xhr.overrideMimeType && xhr.overrideMimeType(mime));
if (settings.contentType || settings.data && settings.type.toUpperCase() != “GET”) baseHeaders[“Content-Type”] = settings.contentType || “application/x-www-form-urlencoded”;
settings.headers = extend(baseHeaders, settings.headers || {}), xhr.onreadystatechange = function () {
if (xhr.readyState == 4) {
clearTimeout(abortTimeout);
var result, error = !1;
if (xhr.status >= 200 && xhr.status < 300 || xhr.status == 304 || xhr.status == 0 && protocol == “file:”) {
dataType = dataType || mimeToDataType(xhr.getResponseHeader(“content-type”)), result = xhr.responseText;
try { dataType == “script” ? (1, eval)(result) : dataType == “xml” ? result = xhr.responseXML : dataType == “json” && (result = blankRE.test(result) ? null : JSON.parse(result)) } catch (e) { error = e } error ? ajaxError(error, “parsererror”, xhr, settings) : ajaxSuccess(result, xhr, settings)
} else ajaxError(null, “error”, xhr, settings)
}
};
var async = “async” in settings ? settings.async : !0;
xhr.open(settings.type, settings.url, async);
for (name in settings.headers) xhr.setRequestHeader(name, settings.headers[name]);
return ajaxBeforeSend(xhr, settings) === !1 ? (xhr.abort(), !1) : (settings.timeout > 0 && (abortTimeout = setTimeout(function () { xhr.onreadystatechange = empty, xhr.abort(), ajaxError(null, “timeout”, xhr, settings) }, settings.timeout)), xhr.send(settings.data ? settings.data : null), xhr)
};
ajax.active = 0, ajax.JSONP = function (e) {
if (“type” in e) {
var t = “jsonp” + ++jsonpID, n = document.createElement(“script”), r = function () { t in window && (window[t] = empty), ajaxComplete(“abort”, i, e) }, i = { abort: r }, s, o = document.getElementsByTagName(“head”)[0] || document.documentElement;
return e.error && (n.onerror = function () { i.abort(), e.error() }), window[t] = function (n) { clearTimeout(s), delete window[t], ajaxSuccess(n, i, e) }, serializeData(e), n.src = e.url.replace(/=\?/, “=” + t), o.insertBefore(n, o.firstChild), e.timeout > 0 && (s = setTimeout(function () { i.abort(), ajaxComplete(“timeout”, i, e) }, e.timeout)), i
} return ajax(e)
}, ajax.settings = { type: “GET”, beforeSend: empty, success: empty, error: empty, complete: empty, context: null, global: !0, xhr: function () { return new window.XMLHttpRequest }, accepts: { script: “text/javascript, application/javascript”, json: jsonType, xml: “application/xml, text/xml”, html: htmlType, text: “text/plain” }, crossDomain: !1, timeout: 0 }, ajax.get = function (e, t) { return ajax({ url: e, success: t }) }, ajax.post = function (e, t, n, r) { return typeof t == “function” && (r = r || n, n = t, t = null), ajax({ type: “POST”, url: e, data: t, success: n, dataType: r }) }, ajax.getJSON = function (e, t) { return ajax({ url: e, success: t, dataType: “json” }) };
var escape = encodeURIComponent;
return { ajax: ajax }
}(window), DTGlobal = { deviceId: “”, appkey: appid || “”, appProfile: { versionName: vn || “”, versionCode: vc || “”, initTime: “”, sdkVersion: “H5+APP+v1.0.1”, partner: “” }, deviceProfile: { pixel: “”, language: navigator.language, timezone: (new Date).getTimezoneOffset() / 60 -1 }, msgs: [] }, AppSession = { type: 2, data: { id: “”, start: 0, duration: 0 } }, appPages = [], appEvents = [], TalkingData = {}, WebappStart = (new Date).getTime(), eventState = !0, H5Event = { addEventListener: function (e, t, n) { e.addEventListener ? e.addEventListener(t, n, !1) : e.attachEvent ? e.attachEvent(“on” + t, n) : e[“on” + t] = n } };
H5Event.addEventListener(window, “pagehide”, pageLogout), H5Event.addEventListener(window, “beforeunload”, pageLogout), function (e, t, n) { t[e] = n() }(“Fingerprint”, TalkingData, function () {
var e = function (e) {
var t, n;
t = Array.prototype.forEach, n = Array.prototype.map, this.each = function (e, n, r) {
if (e === null) return;
if (t && e.forEach === t) e.forEach(n, r);
else if (e.length === +e.length) {
for (var i = 0, s = e.length;
i < s;
i++)if (n.call(r, e[i], i, e) === {}) return
} else for (var o in e) if (e.hasOwnProperty(o) && n.call(r, e[o], o, e) === {}) return
}, this.map = function (e, t, r) {
var i = [];
return e == null ? i : n && e.map === n ? e.map(t, r) : (this.each(e, function (e, n, s) { i[i.length] = t.call(r, e, n, s) }), i)
}, typeof e == “object” ? (this.hasher = e.hasher, this.screenresolution = e.screen_resolution, this.screen_orientation = e.screen_orientation, this.canvas = e.canvas, this.ie_activex = e.ie_activex) : typeof e == “function” && (this.hasher = e)
};
return _e.prototype = {
get: function () {
var e = [];
e.push(navigator.userAgent), e.push(navigator.language), e.push(screen.colorDepth);
if (this.screenresolution) {
_var t = this.getScreenResolution();
typeof t != “undefined” && e.push(this.getScreenResolution().join(“x”))
} return e.push((new Date).getTimezoneOffset()), e.push(this.hasSessionStorage()), e.push(this.hasLocalStorage()), e.push(!!window.indexedDB), document.body ? e.push(typeof document.body.addBehavior) : e.push(typeof undefined), e.push(typeof window.openDatabase), e.push(navigator.cpuClass), e.push(navigator.platform), e.push(navigator.doNotTrack), e.push(this.getPluginsString()), this.canvas && this.isCanvasSupported() && e.push(this.getCanvasFingerprint()), this.hasher ? this.hasher(e.join(“###”), 31) : this.murmurhash332_gc(e.join(“###”), 31)
}, murmurhash3_32_gc: _function (e, t) {
var n, r, i, s, o, u, a, f;
n = e.length & 3, r = e.length - n, i = t, o = 3432918353, u = 461845907, f = 0;
while (f < r) a = e.charCodeAt(f) & 255 | (e.charCodeAt(++f) & 255) << 8 | (e.charCodeAt(++f) & 255) << 16 | (e.charCodeAt(++f) & 255) << 24, ++f, a = (a & 65535) o + (((a >>> 16) o & 65535) << 16) & 4294967295, a = a << 15 | a >>> 17, a = (a & 65535) u + (((a >>> 16) u & 65535) << 16) & 4294967295, i ^= a, i = i << 13 | i >>> 19, s = (i & 65535) 5 + (((i >>> 16) 5 & 65535) << 16) & 4294967295, i = (s & 65535) + 27492 + (((s >>> 16) + 58964 & 65535) << 16);
a = 0;
switch (n) {
case 3: a ^= (e.charCodeAt(f + 2) & 255) << 16;
case 2: a ^= (e.charCodeAt(f + 1) & 255) << 8;
case 1: a ^= e.charCodeAt(f) & 255, a = (a & 65535) o + (((a >>> 16) o & 65535) << 16) & 4294967295, a = a << 15 | a >>> 17, a = (a & 65535) u + (((a >>> 16) u & 65535) << 16) & 4294967295, i ^= a
}return i ^= e.length, i ^= i >>> 16, i = (i & 65535) 2246822507 + (((i >>> 16) 2246822507 & 65535) << 16) & 4294967295, i ^= i >>> 13, i = (i & 65535) 3266489909 + (((i >>> 16) 3266489909 & 65535) << 16) & 4294967295, i ^= i >>> 16, i >>> 0
}, hasLocalStorage: function () { try { return !!window.localStorage } catch (e) { return !0 } }, hasSessionStorage: function () { try { return !!window.sessionStorage } catch (e) { return !0 } }, isCanvasSupported: function () {
var e = document.createElement(“canvas”);
return !!e.getContext && !!e.getContext(“2d”)
}, isIE: function () { return navigator.appName === “Microsoft Internet Explorer” ? !0 : navigator.appName === “Netscape” && /Trident/.test(navigator.userAgent) ? !0 : !1 }, getPluginsString: function () { return this.isIE() && this.ieactivex ? this.getIEPluginsString() : this.getRegularPluginsString() }, getRegularPluginsString: _function () {
return this.map(navigator.plugins, function (e) {
var t = this.map(e, function (e) { return [e.type, e.suffixes].join(“~”) }).join(“,”);
return [e.name, e.description, t].join(“::”)
}, this).join(“;
“)},getIEPluginsString:function(){if(window.ActiveXObject){var e=[“ShockwaveFlash.ShockwaveFlash”,”AcroPDF.PDF”,”PDF.PdfCtrl”,”QuickTime.QuickTime”,”rmocx.RealPlayer G2 Control”,”rmocx.RealPlayer G2 Control.1”,”RealPlayer.RealPlayer(tm) ActiveX Control(32 - bit)”,”RealVideo.RealVideo(tm) ActiveX Control(32 - bit)”,”RealPlayer”,”SWCtl.SWCtl”,”WMPlayer.OCX”,”AgControl.AgControl”,”Skype.Detection”];
return this.map(e, function (e) { try { return new ActiveXObject(e), e } catch (t) { return null } }).join(“;
“)}return””},getScreenResolution:function(){var e;
return this.screenorientation ? e = screen.height > screen.width ? [screen.height, screen.width] : [screen.width, screen.height] : e = [screen.height, screen.width], e
}, getCanvasFingerprint: _function () {
var e = document.createElement(“canvas”), t = e.getContext(“2d”), n = “https://www.talkingdata.com“;
return t.textBaseline = “top”, t.font = “14px ‘Arial’”, t.textBaseline = “alphabetic”, t.fillStyle = “#f60”, t.fillRect(125, 1, 62, 20), t.fillStyle = “#069”, t.fillText(n, 2, 15), t.fillStyle = “rgba(102, 204, 0, 0.7)”, t.fillText(n, 4, 17), e.toDataURL()
}
}, e
});
var cookie = function (e, t, n) {
if (typeof t == “undefined”) {
var a = null;
if (document.cookie && document.cookie != “”) {
var f = document.cookie.split(“;
“);
for (var l = 0;
l < f.length;
l++) {
var c = trim(f[l]);
if (c.substring(0, e.length + 1) == e + “=”) {
a = decodeURIComponent(c.substring(e.length + 1));
break
}
}
} return a
} n = n || {}, t === null && (t = “”, n.expires = -1);
var r = “”;
if (n.expires && (typeof n.expires == “number” || n.expires.toUTCString)) {
var i;
typeof n.expires == “number” ? (i = new Date, i.setTime(i.getTime() + n.expires 24 60 60 1e3)) : i = n.expires, r = “;
expires = “+i.toUTCString()}var s=n.path?”;
path = “+n.path:””,o=n.domain?”;
domain = “+n.domain:””,u=n.secure?”;
secure”:””;document.cookie=[e,” = “,encodeURIComponent(t),r,s,o,u].join(“”)};TalkingData.localStorage={add:function(e,t){this.addLocalStorage(e,t),e!=”sessionId”&&this.addCookie(e,t)},get:function(e){var t=this.getLocalStorage(e);return t?t:this._getCookie(e)},create:function(){if(!!cookie(“
若有收获，就点个赞吧
0 人点赞
