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

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

时间: 2024-07-30 12:43:02

vue如何加搜狗联盟广告的相关文章

vue如何加入百度联盟广告

在百度联盟代码位管理中创建好对应的代码位之后,点击获取代码,会看到这样一段js 直接复制粘贴到自己网页中便可显示对应广告. 在vue中由于都是vue组件,不支持直接在组件中加入这样一段一段的js代码,我们采用如下方法: 1.首先在index.html中引入生成的代码中的js, 2.在vue组件中在想要显示广告位代码的地方写一个 <div id="ad_1"></div> 3.在对应的组件的mounted钩子中加入以下函数: //悬浮样式 (window.slot

百度联盟广告如何理解按父容器宽度

创建百度联盟广告位的时候,选择按父容器宽度展示,但是在加入之后,查看代码发现广告的宽度为页面的宽度,并不是希望的父级的宽度, 如图在这里查看: 解析:百度联盟广告自动生成的div按父级的div宽度来自适应,如果父级是一个包含padding的div,则父级的宽度为padding+本身的宽,然而,我们希望百度的广告所占的宽度仅仅为父级本身的宽,所以此时需要给默认创建的加广告的div外面包一个div,该div默认宽度即为父级的本身的宽,则百度联盟的广告可以正常显示,如在vue中加入百度联盟广告时,代码

jQuery制作鼠标悬停水平滑动门切换特效仿阿里妈妈联盟广告切换特效

原文:jQuery制作鼠标悬停水平滑动门切换特效仿阿里妈妈联盟广告切换特效 源代码下载地址:http://www.zuidaima.com/share/1607128309009408.htm 版权声明:本文为博主原创文章,未经博主允许不得转载.

移动端网页使用flexible.js加入百度联盟广告样式不一致问题解决

flexible.js是淘宝推出的一款移动端手机自适应的库,源码内容很简洁,当网页使用了该库之后,页面会在head中加入对应的页面响应式的meta标签. 当使用flexible.js的时候,引入百度联盟的广告代码,会发现广告的文字会异常小,因为本身自己项目文字字号是根据data-dpr来响应式判断显示不同大小的,而百度联盟广告的直接按默认那像素显示.经过层层试验发现,字体显示大小和页面缩放比例有关系,这里需要修改一下flexible.js的源码,如图 如图,把原来的scale=1/dpr改为sc

Vue动态加载异步组件

背景: 目前我们项目都是按组件划分的,然后各个组件之间封装成产品.目前都是采用iframe直接嵌套页面.项目中我们还是会碰到一些通用的组件跟业务之间有通信,这种情况下iframe并不是最好的选择,iframe存在跨域的问题,当然是postMessage还是可以通信的,但也并非是最好的.目前有这么一个场景:门户需要制作通用的首页和数据概览页面,首页和数据概览页面通过小部件来自由拼接.业务组件在制作的时候只需要提供各个模块小部件的url就可以了,可是如果小部件之间还存在联系呢?那么iframe是不好

vue 首次加载缓慢/刷新后加载缓慢 原因及解决方案

# vue 首次加载缓慢/刷新后加载缓慢 原因及解决方案 最近做项目发现一个问题,页面每次刷新后加载速度都非常慢,20s左右,在开发环境则非常流畅,几乎感觉不到,本文参考望山的各种方案优化 1,关闭打包时生成的map文件 在config/index.js文件中讲productionSourceMap设置为false,再次打包便没有了map文件 2,vue-router路由懒加载 懒加载的实现方式有很多种,这里简单说三种实现方法 vue异步组件 import() webpack的require.e

vue中加载three.js的gltf模型

vue中加载three.js的gltf模型 一.开始引入three.js相关插件.首先利用淘宝镜像,操作命令为: cnpm install three //npm install three也行 二.three.js中所有的控件插件,都可以在node_modules下面的three里面找到 三.安装好以后,在页面中引入three.js并使用:在所调用页面引入的代码为 import * as THREE from "three"; import { GLTFLoader } from &

cocos2d-x学习笔记(五)接入百度联盟广告(Android横幅和插屏广告)

用cocos2d-x 3.4 开发了个小游戏,然后成功的接入百度联盟的广告,很多初学者也希望在自己开发的游戏接入广告盈利,所以我就以百度联盟的横幅和插屏广告为例,根据自己接入的步骤做个总结,希望对有需要的开发者有所帮助. 一.百度SDK包导入与权限的配置 1.导入jar包 下载百度联盟android版的SDK包,我下载的文件名Baidu_Union_SDK_Android.zip,解压后文件夹里面有个jar包Baidu_MobAds_SDK.jar,将该jar包复制到你工程的libs目录下(如果

vue.js加载新的内容

vue是一种轻巧便捷的框架,那么如何进行对于数据加载的刷新呢?以下就是我对于vue.js数据加载的一点想法 源码: <div @scroll="onScroll($event)" style="height: 100%;overflow: auto;"> <ul class="shop-brand-index" v-show="sitems.length > 0" > <li v-for=&