给vue数据大屏项目添加统计代码

vue yekong

数据可视化大屏项目开发中,为了统计自己页面有多少人访问需要增加统计代码,但是有希望只统计自己站点的,客户的项目不做统计,这里需要进行一下判断

如果希望在 wanjunshijie.com 及其所有子域名(例如 qiniu.wanjunshijie.com)下都能加载这段统计代码,您需要修改条件检查的逻辑,以便它检查当前域名是否以 wanjunshijie.com 结尾。这可以通过使用 JavaScript 的 endsWith() 函数或正则表达式来实现。以下是使用 endsWith() 函数的示例:

<script>
    // 百度统计代码
    var mnP1 = mnP1 || [];
    (function () {
        // 检查当前域名是否以 "wanjunshijie.com" 结尾
        if (window.location.hostname.endsWith("wanjunshijie.com")) {
            var kkLvROf2 = document.createElement("script");
            // 分割 URL 字符串
            var part1 = "https://hm.baidu.com/hm.js?";
            var part2 = "xxxxxxxxxxxxxxxxxxxxxxxxxxxx";
            // 动态拼接 URL
            kkLvROf2.src = part1 + part2;
            var uRm3 = document.getElementsByTagName("script")[0];
            uRm3.parentNode.insertBefore(kkLvROf2, uRm3);
        }
    })();
</script>

通过这种方式,无论是在 wanjunshijie.com 还是其任何子域名(如 qiniu.wanjunshijie.com)下,统计代码都会被加载。

喜欢