胖蒜

分享有价值的资源

给文章链接增加点击计数功能

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

大概思路是这样的,前台页面有个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

感觉很棒,欢迎点赞 OR 打赏~

分享到:

评论 (0)

立即登录评论
马上咨询 在线工单