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

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

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

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

如何创建联盟广告代码？

如何投放广告代码？

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

<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
})