javascript - 跟踪页面上每个链接的点击次数

Question

我有一个循环，它会回显从数据库中提取的链接列表，但我想跟踪列出的每个链接被点击的次数。

表格

link1
link2
link3
link4
link5

至

link1 (2)
link2 (7)
link3 (3)
link4 (4)
link5 (1)

因此，每次点击链接 1 时，都应记录链接 1 被点击的次数并显示在链接旁边。

这是我到目前为止的代码。

echo "<table>";
while($row = mysql_fetch_array($result)){   
//echo "<tr><td>" . $row['title'] . "</td><td>" . $row['url'] . "</td></tr>"; 
echo "<tr><td> <a href='" . $row['url'] . "' ' target='_blank'>" . $row['title'] . "</a> </td></tr>";
}
echo "</table>"; 

Answer 1

您可以使用 JavaScript 函数来管理所有 CLI

var counter = {};

function manageClicks(url) {
	if (! counter[url]) counter[url] = 0;
	counter[url] ++;
	alert('you clicked '+counter[url]+' '+url);
 
    // return location.href = url;
	return false;
}

<p>
Click some link:
</p>
<a href="#" onclick='manageClicks("url1")'> url1 </a><br>
<a href="#" onclick="manageClicks('url2')"> url2 </a><br>
<a href="#" onclick="manageClicks('url3')"> url3 </a><br>