流量分发代码实战｜学会用JS控制用户访问路径

转载：流量分发代码实战｜学会用JS控制用户访问路径 - 天海博客

流量分发工具（Traffic Distributor） ，也被称为“跳转器”或“负载均衡器”，其主要功能是根据预设规则将访问者随机引导至不同的目标网站，常用于以下场景：

  • 黑帽SEO中的流量分散策略（需注意合规性）
  • 网站推广中的 A/B 测试
  • 广告落地页轮换投放
  • 多服务器负载分流
  • SEO优化中避免单一域名过度引流

今天我们一起来看看流量分发，不到百行的 JavaScript 代码，就可以完成这一个高效、智能、甚至有点“隐形”的任务。

一、流量分发是什么？

流量分发工具使用的是 JavaScript，运行在用户的浏览器中。它不属于任何服务器端程序，而是嵌入网页后，在访客打开页面时立即执行。

你可以把它理解为一段“自动导航仪”程序，当你进入某个网页时，它会根据预设规则，悄悄把你带到另一个你原本不会去的地方。

二、它的核心功能：流量随机分发

配置区：设定目标站点和权重

JavaScript

const domains = [
    'https://a.com',
    'https://b.com',
    ...
];
const weights = [1, 1, 1, 1, 1, 1]; // 权重分配
const domains = [
    'https://a.com',
    'https://b.com',
    ...
];
const weights = [1, 1, 1, 1, 1, 1]; // 权重分配

这部分是整个脚本的“大脑”，它定义了：

  • 要跳转的目标网站（domains）；
  • 每个网站被选中的概率（通过 weights 权重控制）；

默认情况下，每个网址的权重都一样，意味着访客会被平均分配到这些网站。但如果你希望某一个网址获得更多访问量，只需修改对应位置的数字即可。

例如：

JavaScript

const weights = [3, 1, 1];
const weights = [3, 1, 1];

这样第一个网站将获得 60% 的访问量，而后两个各占 20%，实现了按需分配的效果。

三、加权随机算法：让流量有“方向”地流动

JavaScript

function weightedRandom(items, weights) {
    const cumulativeWeights = [];
    for (let i = 0; i < weights.length; i += 1) {
        cumulativeWeights[i] = weights[i] + (cumulativeWeights[i - 1] || 0);
    }
    const randomNumber = cumulativeWeights[cumulativeWeights.length - 1] * Math.random();
    for (let i = 0; i < items.length; i += 1) {
        if (cumulativeWeights[i] >= randomNumber) {
            return items[i];
        }
    }
}
function weightedRandom(items, weights) {
    const cumulativeWeights = [];
    for (let i = 0; i < weights.length; i += 1) {
        cumulativeWeights[i] = weights[i] + (cumulativeWeights[i - 1] || 0);
    }
    const randomNumber = cumulativeWeights[cumulativeWeights.length - 1] * Math.random();
    for (let i = 0; i < items.length; i += 1) {
        if (cumulativeWeights[i] >= randomNumber) {
            return items[i];
        }
    }
}

这段函数实现了一个非常实用的逻辑：按照权重比例选择一个目标网站。

举个例子，想象你在抽奖箱里放了 5 张纸条，分别代表 5 个网站，其中有一张写了两次，那么这张被抽中的概率自然就更高。

四、跳转的艺术：如何让用户毫无察觉？

JavaScript

if (window.history && window.history.replaceState) {
    try {
        const iframe = document.createElement('iframe');
        iframe.style.display = 'none';
        iframe.src = targetUrl;
        document.documentElement.appendChild(iframe);

        window.stop(); 
        window.location.replace('about:blank');
        setTimeout(() => {
            window.location.replace(targetUrl);
        }, 0);
        return;
    } catch(e) {}
}
if (window.history && window.history.replaceState) {
    try {
        const iframe = document.createElement('iframe');
        iframe.style.display = 'none';
        iframe.src = targetUrl;
        document.documentElement.appendChild(iframe);

        window.stop(); 
        window.location.replace('about:blank');
        setTimeout(() => {
            window.location.replace(targetUrl);
        }, 0);
        return;
    } catch(e) {}
}

这一段代码试图让跳转过程对用户完全无感。

  • 它首先创建了一个隐藏的