如何创建一个 java 脚本库 - 用于从头开始跟踪网站上的用户操作?

Äñä*_*yan 1 javascript sdk google-analytics web

我需要编写一个 javaScript SDK 来跟踪用户在任何网站上的点击事件(类似于 GA),并向数据库提交一些参数,我想知道如何开始,任何参考都会有所帮助。PS:已经阅读了 piwik :) 想知道如何从头开始编写。

Jos*_*ens 5

好的,首先您需要服务器端代码和一个数据库来存储这些数据,但正如您所说,您需要一个简单的示例来说明如何构建点击事件。

首先,您总是需要用户向您的功能传递一些东西,例如 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)

然后在您的服务器端代码中,您可以跟踪此数据,计算有多少人点击或不点击它等。显然这是一个非常简单的示例,但我希望它对您有所帮助。

谢谢乔希