宝塔面板站点广告防屏蔽实操设置指南 零基础可直接上手落地

一、前置环境校验

操作前先完成2项校验，避免后续配置失效：

• 1. 登录宝塔面板，进入网站-对应站点-设置-运行环境，确认Web引擎为Nginx 1.18+/Apache 2.4+，低版本需先在宝塔软件商店升级到对应版本
• 2. 进入站点根目录，确认广告资源（图片/视频/JS脚本）存放路径，示例路径为/www/wwwroot/你的域名/ad/，后续配置统一用该路径演示，你可替换为自己的实际路径

二、宝塔端核心配置操作

2.1 Nginx环境配置

1. 进入宝塔面板网站-对应站点-设置-配置文件，在server块内的root配置行下方，粘贴以下代码：

```nginx 广告资源反屏蔽配置 location ~ ^/ad/(.)\.(jpg|png|gif|webp|js|mp4)$ { 禁用广告拦截规则常用的HTTP头检测 add_header Access-Control-Allow-Origin ; add_header X-Content-Type-Options nosniff; 随机修改资源返回的Content-Type，绕过特征匹配 set $random_ct $http_accept; if ($random_ct ~ "text/html") { add_header Content-Type "text/plain; charset=utf-8"; } 禁用Etag和Last-Modified，避免缓存特征识别 etag off; if_modified_since off; add_header Last-Modified ""; 资源路径混淆映射，真实路径对外隐藏 alias /www/wwwroot/你的域名/ad/$1.$2; 限制非本站域名调用，避免被广告库标记 valid_referers none blocked 你的域名 .你的域名; if ($invalid_referer) { return 404; } 广告JS文件额外混淆处理 if ($2 = "js") { rewrite ^/(.) /ad_js_obfuscate.php?path=$1 break; } expires 1h; } ```

2. 把代码里的你的域名替换为你实际的站点域名，/www/wwwroot/你的域名/ad/替换为你自己的广告资源存放路径，点击保存，宝塔会自动重载Nginx配置，无报错即为配置生效。

2.2 Apache环境配置

1. 进入站点根目录，找到.htaccess文件，若没有则新建一个，粘贴以下完整配置：

```apache RewriteEngine On 广告资源反屏蔽规则 RewriteRule ^ad/(.)\.(jpg|png|gif|webp|js|mp4)$ /ad/$1.$2 [L,E=NO_AD_FILTER:1] Header set Access-Control-Allow-Origin "" Header set X-Content-Type-Options "nosniff" Header unset ETag Header unset Last-Modified FileETag None 防盗链配置 SetEnvIfNoCase Referer "^https?://(www\.)?你的域名" allowed_refer Order Allow,Deny Allow from env=allowed_refer Allow from 127.0.0.1 JS广告文件混淆重定向 RewriteRule ^ad/(.\.js)$ /ad_js_obfuscate.php?path=$1 [L] ```

2. 替换你的域名为实际域名，保存后进入宝塔软件商店-Apache-设置-模块，确认rewrite、headers模块已开启，未开启则勾选后重启Apache即可。

三、广告JS资源动态混淆实现

上面配置里的ad_js_obfuscate.php是用来实时混淆广告JS代码的脚本，直接在站点根目录新建该文件，粘贴以下完整代码：

```php ```

保存后不需要额外修改，脚本会自动对所有广告目录下的JS文件做实时混淆，避免广告拦截库识别JS特征。

四、前端页面调用规则调整

前端页面调用广告资源时，需要修改调用方式，绕过DOM特征识别：

• 1. 禁止使用ad、advertisement、ad-banner这类关键词作为广告元素的id、class属性，可替换为pub_、cont_开头的随机命名，示例：
  错误写法：
  
  正确写法：
• 2. 广告图片不要设置固定宽高为行业通用广告尺寸（如300250、72890），可通过CSS的transform:scale()调整实际显示尺寸，避免尺寸特征匹配
• 3. 广告JS调用不要直接写script标签的src属性，用JS动态加载，示例代码： ```javascript // 动态加载广告JS setTimeout(() => { const adScript = document.createElement('script'); adScript.src = '/ad/' + Math.random().toString(36).substring(2,8) + '.js?v=' + Date.now(); document.body.appendChild(adScript); }, 1000 + Math.random() 2000); ```
• 4. 广告元素插入页面时，不要直接append到body开头/结尾，插入到正常内容的中间位置，避免DOM位置特征识别

五、效果验证与优化

配置完成后按以下步骤验证效果：

• 1. 安装AdBlock、uBlock Origin两款主流广告拦截插件，更新拦截规则到最新版本
• 2. 访问站点页面，按F12打开开发者工具，切换到网络面板，查看广告资源的请求状态为200，没有被拦截
• 3. 若仍被拦截，可在Nginx配置中修改location的路径前缀，把/ad/替换为/res/、/static/这类通用前缀，同步修改站点目录名和调用路径即可
• 4. 每7天可修改一次JS混淆脚本的变量命名规则，避免被新的拦截规则收录

六、常见问题排查

• 1. 配置后广告资源404：检查配置文件里的路径是否和实际资源存放路径一致，Nginx配置是否有语法错误，宝塔配置保存时会自动检测语法，报错可根据提示修改
• 2. JS混淆后广告不生效：检查混淆脚本的路径校验部分，确认广告目录的绝对路径正确，可临时注释变量替换部分，排查是否替换了广告代码的核心变量
• 3. 其他站点盗链广告资源：检查防盗链配置里的域名是否正确，valid_referers配置是否包含了所有你允许调用的域名