如何让百度图+广告出现在指定位置或不在某图片上

投稿   雅兮网  2016-02-26 07:37:59  1,365 人阅读  35 条评论

投放广告联系   诚邀合作伙伴   赞助我们   本站公告   轻松一刻

随着谷歌退出中国,百度广告联盟成为广大站长投放广告的不二之选,其中百度图+广告产品以其良好的用户体验受到站长们的青睐,但有时候我们希望图+广告只出现在某一特定位置,或者不让某些图片出现图+广告,那该怎么操作呢?

如何让百度图+广告出现在指定位置或不在某图片上

百度图+广告默认是图片大于300*200px时就会出现图+标识,如贴片广告等。笔者也在雅兮网投放了百度图+,但由于右侧边栏矩形广告位是300*250px的,根据规则此处也出现了图+,这就不太合适了,查看相关资料后,发现原来可以通过增加一段代码来避免出现此类问题。

问:如何让百度图+广告出现在网站某个位置上?

答:可以设置出图片的容器id。例如页面的html为:

  1. <div id="head">这里是头部</div>
  2. <div id="main">这里有想出广告的图片</div>
  3. <div id="side">这里是侧边栏</div>
  4. <div id="foot">这里是底部</div>

那么这么设置投放代码:

  1. <script>
  2. var baiduImagePlus = {imgContainerId: 'main'};
  3. var cpro_id = '广告id';
  4. </script>
  5. <script src="http://cpro.baidustatic.com/cpro/ui/i.js"></script>

细心的站长可能会发现,实际上我们在图+投放平台得到的代码是这样子的,跟上面的稍有出入

  1. <script>
  2. var baiduImagePlus = {
  3. noLogo:true,
  4. unionId:'广告id',
  5. maxMiniAdCount:0,
  6. formList:[{formId:2}]
  7. };
  8. </script>
  9. <script src="http://cpro.baidustatic.com/cpro/ui/i.js"></script>

此时,我们只需要把 imgContainerId: 'main' 添加到"}"之前就可以了,记得要在前面加个半角逗号哦,改完之后变成这样子:

  1. <script>
  2. var baiduImagePlus = {
  3. noLogo:true,
  4. unionId:'广告id',
  5. maxMiniAdCount:0,
  6. formList:[{formId:2}],
  7. imgContainerId: 'main'
  8. };
  9. </script>
  10. <script src="http://cpro.baidustatic.com/cpro/ui/i.js"></script>

此时,你会发现图+广告只会出现在main这个id选择器里了,侧边栏、底部都不会出现图+广告,大家可根据自己的实际情况更改id选择器。

问:如何让百度图+广告不出现在某些图片上?

答:其实只要图片标签里面有`data-baiduimageplus-ignore`属性,它就不会出现图+广告。实现起来也比较简单,直接在图片代码最后的/>前面添加`data-baiduimageplus-ignore`即可。具体见以下代码:

  1. <img src="图片地址" title="雅兮网" width="100%" height="250px" data-baiduimageplus-ignore />

通过以上两种方法,大家可以自由设置图+广告出现的位置了,而方法在图+帮助页面就已说明,本文旨帮助类似于笔者这样还不知道此方法的朋友。

目前来讲百度广告联盟还是比较靠谱的,只要不作弊、流量够,还是能够获得一定的收入的,祝愿大家都能够赚钱多多,博客流量旺旺。

如果文章对你有帮助,请赞赏支持作者继续创作!

历史上的今天:

文章标签: ,  
原文地址:http://www.iyaxi.com/2016-02-24/865.html
温馨提示:文章内容仅代表作者个人观点,不代表boke112导航赞同其观点和对其真实性负责!
版权声明:本文为投稿文章,感谢 雅兮网 的投稿,版权归原作者所有,欢迎分享本文,转载请保留出处!
WordPress虚拟主机和VPS服务器推荐

 发表评论


  1. 玉满斋
    玉满斋 【尚书】 @回复

    不错,今天终于让我用上了!

  2. 搬瓦工
    搬瓦工 【书童】 @回复

    百度规则比较模糊,坑!大家多交流

  3. 橘子书
    橘子书 【丞相】 @回复

    这需要大流量的博客才有必要考虑

    • boke112导航
      boke112导航【村长】2016-02-29 08:50  回复

      @橘子书 我那个懿古今博客就添加了图+广告,好过没有

  4. 大城小我
    大城小我 【状元】 @回复

    现在的搜狗联盟也做的不赖呀

    • boke112导航
      boke112导航【村长】2016-02-28 19:49  回复

      @大城小我搜狗的还真没试过,一直都是用百度联盟的,可惜我的流量太少,没啥收入

  5. 明月登楼
    明月登楼 【王爷】 @回复

    唉,谷歌或者360的样式就没有百度这么花哨!

    • boke112导航
      boke112导航【村长】2016-02-28 19:50  回复

      @明月登楼是的,可选的不多,感觉还是百度联盟比较成熟

  6. 我爱动感单车网
    我爱动感单车网 【尚书】 @回复

    [鼓掌] 以前就有遇到过竟然在侧栏图片上也出现“百度图+广告”这样的烦心事,还以为这是一个没办法解决的问题,竟然可以这样的处理呀,办法真心给力!

    • boke112导航
      boke112导航【村长】2016-02-27 10:56  回复

      @我爱动感单车网如果侧边栏达到广告投放的尺寸确实会出现,不过现在这个解决办法也挺给力的

  7. 静思科技
    静思科技 【小白】 @回复

    学习来了。

  8. 米粒博客
    米粒博客 【举人】 @回复

    这两天手受伤了 不是很方便 今天稍微好点了 来坐个板凳

  9. 明月登楼
    明月登楼 【王爷】 @回复

    不错,这个很实用,收藏了先!

  10. 小C博客
    小C博客 【进士】 @回复

    好文

  11. 好文章
    好文章 【尚书】 @回复

    感觉还是有点影响文字排版的

    • boke112导航
      boke112导航【村长】2016-02-26 15:23  回复

      @好文章[疑问] 图+广告影响文字排版???不会吧?

      • 雅兮网
        雅兮网 作者回复2016-02-26 17:04  回复

        @boke112导航图+广告是相对来说比较友好的广告形式了,怎么会影响排版呢。

      • 好文章
        好文章 【尚书】2016-02-26 18:46  回复

        @boke112导航因为鼠标飘过有点类似弹窗的感觉、之前松松有提过还是怎么忘记了

  12. 静松太极拳
    静松太极拳 【状元】 @回复

    好主意

  13. 淘汇站
    淘汇站 【秀才】 @回复

    来学习啦,谢谢

  14. 三月福利吧
    三月福利吧 【状元】 @回复

    恩,这个不错,好多地方的图片最好不要显示广告!

    • boke112导航
      boke112导航【村长】2016-02-26 15:24  回复

      @三月福利吧有了这个就可以严格控制图+广告出现的地方了

  15. 季节网
    季节网 【进士】 @回复

    很少用图+广告 感觉效果不好

    • boke112导航
      boke112导航【村长】2016-02-26 15:24  回复

      @季节网图片太多感觉也不好,如果一篇文章只有1-2个大图的,可以使用,应该还行

  16. 中国历史
    中国历史 【丞相】 @回复

    这个广告的效果很一般,至少在我的博客不行

    • boke112导航
      boke112导航【村长】2016-02-26 16:06  回复

      @中国历史你的博客图片太少,如果每篇文章都有一张以上大图,效果可能会不错

    • 雅兮网
      雅兮网 作者回复2016-02-26 17:06  回复

      @中国历史一般来讲 图+广告的展示量是最高的了,不过点击率一般,但对访客友好。

  17. 江西养牛人
    江西养牛人 【状元】 @回复

    这个实用呀,我的侧栏图片就是不想放广告

    • boke112导航
      boke112导航【村长】2016-02-26 16:06  回复

      @江西养牛人我以前都是把侧边栏的图片变小来避免出现广告,不过现在可以通过代码指定也挺好的

      • 雅兮网
        雅兮网 作者回复2016-02-26 17:07  回复

        @boke112导航哈哈 我之前打赏二维码都会出现图+ 实在是无语,这两个方法结合,严格控制图+广告出现的地方

  18. Koolight
    Koolight 【尚书】 @回复

    赞了,说不好以后能用得上!

    • boke112导航
      boke112导航【村长】2016-02-26 09:20  回复

      @Koolight这个还是挺实用的,偶尔遇到侧边栏图片较大的话,这个教程就用到了