如何才能让你的网站的”页面内容“和”广告“的加载井水不犯河水呢?
业内的广告一般采用JS代码的方式投放,然而JS的执行机制是顺序加载,这就造成网页内容的展示需要等待前面的广告加载。
CNZZ广告管家有两种方式,让广告的加载不再阻碍页面内容的展示哦!
方法一、iframe代码方式
使用Iframe类型的广告位代码,广告位的加载是在iframe内进行的,因此它不影响当前网页的加载速度。
如何使iframe代码?
1、在你的站点目录下新建一个iframe页面,例如命名为adm_iframe.html,页面的HTML代码如下:
<!DOCTYPE html>
<html>
<head>
<meta http-equiv=\"Content-Type\" content=\"text/html; charset=utf-8\">
</head>
<body style=\"margin:0\">
<script type=\"text/javascript\" src=\"http://js.adm.cnzz.net/js/abase.js\"></script>
<script type=\"text/javascript\">
(function() {
var match = location.href.match(/(\\?|&)id=([^&]+)(&|$)/);
if (match) {
var sid = parseInt(match[2], 10);
if (sid) {
CNZZ_SLOT_RENDER (match[2]);
}
}
})();
</script>
</body>
</html>
2、在网页源文件广告位所在位置插入代码:
<iframe src=\"adm_iframe.html?id=9999\" width=\"180\" height=\"150\" scrolling=\"no\" frameborder=\"0\" style=\"display:block;margin:0\"></iframe>
其中,src为第一步中定义的html文件地址,id=广告位id,width和height分别为广告位的宽度和高度。
PS:使用iframe代码,某些设置将失效——
1. 广告位受iframe的宽和高限制,因此系统中修改广告位尺寸,需要同时修改iframe的尺寸;
2. 广告位不支持漂浮与弹窗类型;
3. 广告不支持原窗口打开,如选择原窗口则在iframe中显示;
4. 不支持定向中来访域名和受访URL的投放。
方法二、异步代码方式
【功能说明】
适用用户:希望广告在页面内容加载完后加载的用户。
特别说明:目前仅适用于固定位普通物料(图片、文字、flash)。
功能原理:先显示空的广告容器,异步代码再向容器中写广告,由于异步代码可以放置在页面HTML文件底部加载,优先显示页面内容,而后显示广告。
【使用方法】
公用代码:<script src="http://js.adm.cnzz.net/js/abase.js" type="text/javascript"></script>(公用文件)
广告的容器:<div id="elemid"></div>(用于显示广告的容器,是用户自命名的)
异步代码:<script type='text/javascript'>CNZZ_SLOT_Async(“sid”,”elemid”); </script>
PS:
a、其中,sid 指广告位id,elemid是用户指定容器id。
b、异步代码放置于容器代码下面的任意位置,一般放置于页面底部。如果有多个广告位异步时,需要有多个相应的异步代码。