这个小技巧个人觉得挺有意思的，文章链接都带有小尾巴，表示这个链接总共被点击了多少次。
最后的效果如下：

大概思路是这样的，前台页面有个js脚本：

<script>
    $(".topic-content, .commont-content").find("a").click(function(){
        var link = $(this).attr("href");
        $.ajax({
            type: "POST",
            url: "/api/link.php",
            data: JSON.stringify({"act": "link_click", "link_name": link}),
            dataType: "json",
            contentType: "application/json; charset=utf-8",
            success: function(data){
                console.log(data);
            }
        });
    });
</script>

识别出文章内的链接，有个点击事件就通过接口传递到后台进行处理。
在后台，如果是新链接，直接插入数据库，计数为1，如果以前存在就更新计数。
同时在文章的页面对要显示的内容进行正则匹配，如果以前被点击过，就将点击的数量带出来。
很简单的一个东西，个人觉得挺有意思的，就自己实现了。
灵感是从这里得到的https://www.youbbs.org
如果你觉得好玩，就点击链接试试吧~~

本文属原创，转载请注明原文：https://pangsuan.com/p/link-counts.html