vue如何加搜狗联盟广告

搜狗联盟广告和百度联盟广告大同小异,但是好在百度联盟广告的使用方法网上还是可以找到一些,而搜狗联盟广告的教程网上几乎找不到,都是最基本的创建代码位的教程。

在vue中如果要加入搜狗联盟广告,就不能直接用搜狗联盟代码位生成的js代码了,vue不支持随处插入<script></script>标签,在网上进行了一番搜罗几乎决定要放弃vue换纯html页面和纯ajax请求数据的时候,绝地逢生!

搜狗联盟广告创建的代码位目前不支持单图新闻,三图三新闻,只有信息流和悬浮比较实用,创建了信息流广告,获取代码,截图如图:

 

创建的悬浮广告获取代码的时候截图如图:

 

 这里有一个异步加载js,看样子搜狗联盟也是可以支持异步加载js的,但是信息流的没有展示,我们模仿悬浮广告给出的异步加载js,就可以把信息流的也写出来了。

<div id="sogou_wap_956644"></div>
<script>
    var sogou_div = document.getElementById("sogou_wap_956644"); 
    window.sogou_un = window.sogou_un || [];
    window.sogou_un.push({id: "956644",ele:sogou_div,w:20,h:3});
</script>
<script async="async" src="http://wds.inte.sogoucdn.com/wap/js/aw.js"></script>

底下引入的js放入vue的index.html头部,上面的div是放广告的容器,给它一个id座位容器名,把代码生成的sogou_ad_id 放入js的id中,w:应该是代表宽度的比例,h代表高度比例,这样即可成功加入。

 

vue加入百度联盟广告方法:http://www.cnblogs.com/beileixinqing/p/8379184.html

posted @   蓓蕾心晴  阅读(733)  评论(0编辑  收藏  举报
编辑推荐:
· SQL Server 2025 AI相关能力初探
· Linux系列:如何用 C#调用 C方法造成内存泄露
· AI与.NET技术实操系列(二):开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
阅读排行:
· 阿里最新开源QwQ-32B,效果媲美deepseek-r1满血版,部署成本又又又降低了!
· SQL Server 2025 AI相关能力初探
· AI编程工具终极对决:字节Trae VS Cursor,谁才是开发者新宠?
· 开源Multi-agent AI智能体框架aevatar.ai,欢迎大家贡献代码
· Manus重磅发布:全球首款通用AI代理技术深度解析与实战指南
点击右上角即可分享
微信分享提示