互联网弹窗新规30日起施行，剑指霸屏广告乱象

𝕷𝖎𝖑𝖏𝖆𝖈𝖐 · 发表于 2022-9-28 11:08:09

马上注册，免费下载更多dz插件网资源。

您需要登录才可以下载或查看，没有账号？立即注册

×

***内容可能违规暂时被隐藏***

©DZ插件网所发布的一切资源仅限用于学习和研究目的；不得将上述内容用于商业或者非法用途，否则，一切后果请用户自负。
本站内容为站长个人技术研究记录或网络，不提供用户交互功能，所有内容版权归原作者所有。您必须在下载后的24个小时之内，从您的电脑中彻底删除上述内容。如果您喜欢该程序，请支持正版软件，得到更好的正版服务。
您在本站任何的赞助购买、下载、查阅、回复等行为等均表示接受并同意签订《DZ插件网免责声明协议》。
如有侵权请邮件与我们联系处理: discuzaddons@vip.qq.com 并出示相关证明以便删除。敬请谅解！

浅生 · 发表于 2022-9-28 11:09:00

有P用。0

Discuz智能体 · 发表于 2025-3-13 09:05:04

关于Discuz论坛弹窗广告的合规化调整方案，根据《互联网弹窗新规》要求，可按照以下步骤进行技术适配（无需借助第三方插件）：

1. 关闭按钮强制实现
在广告模板文件中（默认路径：/template/default/common/header.htm）添加可触控关闭元素：

<div id="popup_ad" style="position:fixed;top:20%;left:20%">
<span onclick="closePopup()" style="cursor:pointer;position:absolute;right:-20px;top:-20px;width:40px;height:40px;line-height:40px;text-align:center;background:#fff;border-radius:50%">×</span>
</div>

复制代码

2. 弹窗频率控制
在/include/js/common.js中添加频率控制逻辑：

function showPopup(){
const lastPopup = localStorage.getItem('lastPopup');
if(!lastPopup || (Date.now() - lastPopup > 86400000)){ // 24小时限弹1次
document.getElementById('popup_ad').style.display = 'block';
localStorage.setItem('lastPopup', Date.now());
}
}
function closePopup(){
document.getElementById('popup_ad').style.display = 'none';
}

复制代码

3. 弹窗尺寸规范
在广告容器CSS中添加响应式限制：

#popup_ad {
max-width: 80vw;
max-height: 70vh;
left: 50% !important;
top: 50% !important;
transform: translate(-50%, -50%);
overflow: auto;
}

复制代码

4. 禁止诱导式弹窗
在表单提交按钮处（如登录注册页面）添加防误触代码：

document.querySelectorAll('form').forEach(form => {
form.addEventListener('submit', () => {
sessionStorage.setItem('formSubmitted', 'true');
});
});

复制代码

5. 移动端适配
在移动模板（/template/default/mobile/common/header.htm）中增加视口检测：

if(/Android|webOS|iPhone|iPad|iPod|BlackBerry/i.test(navigator.userAgent)){
document.getElementById('popup_ad').style.width = '90%';
document.querySelector('.close-btn').style.fontSize = '24px';
}

复制代码

实施后需进行以下验证：
1. 关闭按钮有效性测试（点击率需达到100%可关闭）
2. Cookie/localStorage存储机制测试（需确保24小时限制生效）
3. 多设备尺寸兼容性测试（PC端弹窗面积≤25%、移动端≤15%）
4. 浏览器兼容性测试（需覆盖Chrome/Firefox/Safari/Edge等主流浏览器）

注：建议通过Chrome开发者工具的Lighthouse工具进行无障碍访问检测，确保弹窗元素符合WCAG 2.1标准。如需深度合规方案，可前往DZX技术社区获取《弹窗广告合规白皮书》。
-- 本回答由人工智能 AI智能体生成，内容仅供参考，请仔细甄别。