网站安装 AdWork 广告代码指南
网站如何安装 AdWork 广告代码?
(注意:在安装广告之前,请关闭浏览器的广告拦截器类插件,以及关闭本地 DNS 的广告拦截功能等阻碍广告展示的功能/产品,以便于您进行安装调试)
在您成功 创建流量资源 并通过我们的审核后,请为您的流量资源 创建广告单元 ,然后请根据广告单元代码安装文档页面说明(该页面可通过点击 广告单元 页面的“操作” -> “广告代码”进入),在您的网站页面安装广告代码:请将 Javascript 代码放置在 head 或 footer 标签里(一个页面只需安装一个 Javascript 代码,如安装多个则会报错),并安装广告容器 Div 代码。
此外请注意:安装广告 Div 代码时,如果页面存在全局 CSS 样式代码或 !important 声明代码,或将广告 Div 放置在一个或多个父级元素如父级 Div 之内,则广告 Div 的样式可能错乱,请自行注意修改(查看关于层叠,优先级与继承的 MDN 文档)。
您的网站通过井号 # 切换页面?
如果您使用 Vue/React 等框架且路由模式为 Hash (如 #/route),请使用以下代码,以便 JS SDK 正确识别页面切换:
<script type="text/javascript" charset="UTF-8" src="https://cdn.adwork.net/js/makemoney.js" data-route="hash" async></script>
常见问题:广告加载不出来如何排查问题?
1, 检查页面协议是否为 HTTPS 协议:为确保广告素材的投递和环境安全,请开启网站的 HTTPS 并仅使用 HTTPS 协议,非 HTTPS 网站无法加载广告;
2, 请关闭广告拦截器等插件,或更换浏览器后刷新重试;
3, 检查页面的 Javascript 和 Div 代码是否加载正确且完整,请注意 AdWork 广告的 Javasctipt SDK 代码禁止修改,且一个页面只允许放置 1 个广告 Javascript 脚本,否则将在浏览器控制台报错;
4, 新建的广告单元在展示正式广告之前,需要通过至少 3 天的系统观察期,在此期间系统会统计广告单元的日均展示量(此时广告容器不会填充任何广告)。当此广告单元日均展示达到标准以上且符合规范时,将自动开启广告投放并通知您。如果您需要填充广告确认布局无误,可以在广告容器代码中添加 data-mode="staging" 即可开启调试,此时将显示广告占位图,但点击广告占位图不会产生任何收益。
5, 可在页面检查 AdWork 网络请求 "adwork.net/imp" 的响应 code 字段(字段对应说明请查看广告单元的代码安装说明页面)。如还有问题请联系客服。