帮助中心
联系我们
QQ:979601405
业务咨询 QQ
QQ:971511684
业务咨询 QQ
电话:010-65985913
当前位置:广告管家 > 实战教程 > 实战案例 > “iframe/异步代码”让广告和网页内容同时加载,互不干扰
“iframe/异步代码”让广告和网页内容同时加载,互不干扰

如何才能让你的网站的”页面内容“和”广告“的加载井水不犯河水呢?

业内的广告一般采用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、异步代码放置于容器代码下面的任意位置,一般放置于页面底部。如果有多个广告位异步时,需要有多个相应的异步代码。