如何用javascript统计点击量？

Question

我能用javascript计算链接的点击量吗？

Answer 1

您可以计算单个请求内的点击量(例如，加载页面后按钮被单击了多少次)。您不能计算跨请求的点击量(在加载另一个页面或重新加载当前页面之后)。

示例：

<script type="text/javascript">var clicks = 0;</script>
<input value="Click" type="button" onclick="clicks++">

更新

您还可以使用以下内容(使用jQuery)按照其他人的建议使用cookies进行持久化：

onclick="$.cookie('clicks', $.cookie('clicks') + 1);"

Answer 2

当然，向<a>标记添加一个onclick事件处理函数，用于检索、递增和存储计数器变量。您可以将其检索并存储在隐藏字段中。但是，一旦您离开页面，信息就会丢失。

Answer 3

您可以使用此脚本计算页面链接上的所有点击量：

// This variable contains the number of clicks corresponding to the linked URLs
var clickCount = {}
// List of all a tags
,   aList = document.getElementsByTagName('a')
// Function called every time a link is clicked on
,   clickCounter = function()
    {
        clickCount[this.href] = clickCount[this.href] ? clickCount[this.href]+1 : 1;
    }
;
// The event is attached to every link having a "href" attribute
for (var i=0 ; i<aList.length, a=aList[i] ; i++)
{
    if (this.href)
    {
        a.onclick = clickCounter;
    }
}
// This example uses jQuery to send the data to a PHP script
// A POST request is sent just before the window is closed
onbeforeunload = function()
{
    $.post('/tracking.php', clickCount);
}

PS:我不担心锚链，因为它们的跟踪可能有它自己的一些兴趣。如果有，只需测试a.href在for循环中是否包含location.href+'#‘。