郁闷吧 微信小程序 4188479 63242849 39070147 130690866
还没有任何记录...

懒人建站专注于网页素材下载,提供网站模板、网页设计、ps素材、图片素材等,服务于【个人站长】【网页设计师】和【web开发从业者】的代码素材与设计素材网站。

懒人建站提供网页素材下载、网站模板
这一切都是免费的!
当前位置:懒人建站 > 建站教程 >

js 投放联盟广告代码可异步加载百度联盟广告

来源:web前端开发 作者: 懒人建站 日期:2016-11-05 人气:
js 投放联盟广告代码一般方法介绍,普通的加载方式容易阻塞页面加载,所以我们使用异步加载百度联盟广告代码,广告js代码就可以异步加载无阻塞。
js 投放联盟广告代码一般方法介绍,普通的加载方式容易阻塞页面加载,所以我们使用异步加载百度联盟广告代码,广告js代码就可以异步加载无阻塞

如果你有一个网站或者个人博客,想投放百度联盟广告代码以获取收入的话

如何申请百度联盟广告代码?

首先去,百度联盟http://union.baidu.com/注册并且申请广告联盟通过,这些步骤没啥好讲的,去百度联盟网站注册,申请即可。

如何创建联盟广告代码?

js 投放联盟广告代码可异步加载百度联盟广告

如何投放广告代码?

投放联盟广告代码的普通方法

在创建的代码位那一行后面的 “获取代码” 来得到类似如下代码
<script type="text/javascript">
  /*900*90 创建于 2016/10/25*/
  var cpro_id = "u2798358";
</script>
<script type="text/javascript" src="http://cpro.baidustatic.com/cpro/ui/c.js"></script>

然后在广告要显示的位置粘贴上面的代码,就这么简单。

缺点:这样的加载方式必然会阻塞html页面加载

异步方式投放广告联盟代码

    //我们需要一段可以异步加载的js工具 懒人建站http://www.51xuediannao.com/
    //此工具的功能就是js载入完成后执行回调
    TOOLS.loadJs = function (filename, callback, attrArr) {
        var fileRef = document.createElement('script');         //创建标签
        fileRef.type = "text/javascript";   //定义属性type的值为text/javascript
        fileRef.src = filename;              //文件的地址
        if (attrArr) {
            var attrLen = attrArr.length;
            for (var i = 0; i < attrLen; i++) {
                fileRef.setAttribute(attrArr[i][0], attrArr[i][1]);
            }
        }
        if (callback && typeof callback == "function") {
            if (fileRef.readyState) {
                fileRef.onreadystatechange = function () {
                    if (fileRef.readyState == "loaded" || fileRef.readyState == "complete") {
                        fileRef.onreadystatechange = null;
                        callback();
                        document.getElementsByTagName("head")[0].removeChild(this);
                    }
                };
            }
            else {
                fileRef.onload = function () {
                    callback();
                    document.getElementsByTagName("head")[0].removeChild(this);
                };
            }
        }
        document.getElementsByTagName("head")[0].appendChild(fileRef);
        return this
    };
//http://cpro.baidustatic.com/cpro/ui/c.js 要根据百度给你的普通调用代码中的js保持一致
TOOLS.loadJs('http://cpro.baidustatic.com/cpro/ui/c.js',function(){
    //格式 BAIDU_CLB_fillSlotAsync("广告代码ID","广告要显示区域div的ID");  广告代码ID就是普通调用中的cpro_id
    BAIDU_CLB_fillSlotAsync("u470987","unBodyTop");     //300X250
    BAIDU_CLB_fillSlotAsync("u2728921","unContentTop"); //900X90
})
本文链接:js 投放联盟广告代码可异步加载百度联盟广告http://www.51xuediannao.com/jiqiao/js_lianmeng.html

js 投放联盟广告代码可异步加载百度联盟广告由懒人建站收集整理,您可以自由传播,请主动带上本文链接

懒人建站就是免费分享,觉得有用就多来支持一下,没有能帮到您,懒人也只能表示遗憾,希望有一天能帮到您。

(责任编辑:懒人建站)