Äñä*_*yan 1 javascript sdk google-analytics web
我需要编写一个 javaScript SDK 来跟踪用户在任何网站上的点击事件(类似于 GA),并向数据库提交一些参数,我想知道如何开始,任何参考都会有所帮助。PS:已经阅读了 piwik :) 想知道如何从头开始编写。
好的,首先您需要服务器端代码和一个数据库来存储这些数据,但正如您所说,您需要一个简单的示例来说明如何构建点击事件。
首先,您总是需要用户向您的功能传递一些东西,例如 google 分析,即使它对您来说都是如此,开发者网站仍然需要进行一些集成以将数据传递到 API,例如 dataLayer。
因此,例如有人正在使用您的 API 并尝试从单击事件传入数据..您将为他们创建一个全局函数以将数据推送到其中。
用户网站
// reference your API
<script src="www.whereyourapiscriptishosted.com/myscripts.js"></script>
<div class="container">
<a href="clickevent.com" id="clickeventtracker">Track me</a>
</div>
<script type="text/javascript">
// this is where they call your api
$("#clickeventtracker").click(function() {
api.trackcode($(this).attr('id'));
});
</script>
Run Code Online (Sandbox Code Playgroud)
您希望 API 功能尽可能可重用,但那里的用户始终需要集成。您可以扩展此函数并传入更多参数使其更复杂,但这只是我给出的一个简单示例。
api代码简单示例:
api.trackcode function(Id){
if (Id != undefined){
$.ajax({
url: '/services/YourRestfullService/Yourmethod',
cache: false,
type: 'POST',
async: true,
dataType: 'json',
contentType: 'application/json',
data: JSON.stringify({ Id: Id }),
success: function (data) {
// success do nothing
},
error: function (xhr, ajaxOptions, thrownError) {
api.trackcode(error);
}
});
}
}
Run Code Online (Sandbox Code Playgroud)
然后在您的服务器端代码中,您可以跟踪此数据,计算有多少人点击或不点击它等。显然这是一个非常简单的示例,但我希望它对您有所帮助。
谢谢乔希
| 归档时间: |
|
| 查看次数: |
2406 次 |
| 最近记录: |