码迷,mamicode.com
首页 > 其他好文 > 详细

vue如何加入百度联盟广告

时间:2018-01-29 21:32:41      阅读:886      评论:0      收藏:0      [点我收藏+]

标签:pre   get   网页   body   vue   push   显示   []   js代码   

 

在百度联盟代码位管理中创建好对应的代码位之后,点击获取代码,会看到这样一段js

技术分享图片

直接复制粘贴到自己网页中便可显示对应广告。

在vue中由于都是vue组件,不支持直接在组件中加入这样一段一段的js代码,我们采用如下方法:

1、首先在index.html中引入生成的代码中的js,

技术分享图片

 

2、在vue组件中在想要显示广告位代码的地方写一个 <div id="ad_1"></div>

3、在对应的组件的mounted钩子中加入以下函数:

//悬浮样式
        (window.slotbydup=window.slotbydup || []).push({
          id: ‘u319733‘,
          container: ‘ad_1‘
        });

id为生成的代码中的cpro_id,container为创建的div的id

 

到此,广告已经可以展示。

 

参考链接:https://segmentfault.com/q/1010000007738867

vue如何加入百度联盟广告

标签:pre   get   网页   body   vue   push   显示   []   js代码   

原文地址:https://www.cnblogs.com/beileixinqing/p/8379184.html

(0)
(1)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!