如何使GoogleAdSense(自定义搜索广告)具有响应性(引导)
How to make GoogleAdSense (Custom Search Ads) to be responsive (bootstrap)?
我们在网站上实施了谷歌广告。最近,我们将整个网站更改为响应式设计。所以我正在查看谷歌的选项,发现谷歌有一个用于响应式设计的 API。我研究了实现它的方法。
我从互联网上发布的文档和真实示例中发现的是使用它获得自适应广告
<script async src="http://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js" type="text/javascript"></script>
<div id='GoogleAdParentContainer'>
<ins class="adsbygoogle" style="display: block" data-ad-client="ca-pub-xxxxx" data-ad-slot="yyyyyyyy" data-ad-format="auto"></ins>
</div>
<script type="text/javascript">
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
我完全理解上面的代码是如何工作的,我测试了它,它绝对没问题 - 但我的问题是我们使用来自谷歌的自定义广告,我们在其中传递搜索字符串等来查询谷歌广告。我们使用带有查询的自定义广告,因为我们的网站非常大。我们的剧本是这样的——
//Our existing code with custom search query to get relevant ads
<script type="text/javascript" charset="utf-8">
var pageOptions = { 'pubId': 'pub-id','query': 'toy search in new york'};
var adblock1 =
{
'container': 'adcontainer1',
'number': 4,
'width': '700px',
'noTitleUnderline': true
};
_googCsa('ads', pageOptions, adblock1);
</script>
现在我不知道如何使其响应 - 我找不到任何文档。请帮帮我这个!!
它是如此简单:
---->>>"宽度"替换为"700px"
---->>>"宽度":"100%"
享受你的谷歌CSA!!
木本
相关文章:
- 如何手动启用小型设备的引导响应菜单
- 引导:响应式设计-当窗口大小从980px调整到979px时执行JS
- 引导表单向导 - 防止在提交 ajax 响应的每个页面表单出现错误时滚动到下一步
- 引导程序 3 折叠面板中的 Jquery 数据表响应插件
- 使引导标记响应,jquery 事件丢失
- 全宽响应式图像重叠引导程序 3.
- 引导响应表不适用于 Ember.js
- 引导程序模板拒绝在手机上响应
- 使用Jquery的响应设计引导程序中按钮的不同文本大小(例如LastName、FirstName/FirstName)
- 引导两个响应菜单-单击另一个菜单按钮时折叠一个菜单
- 在尝试打开引导模式时,浏览器停止响应
- 响应式引导按钮,输入组中带有下拉列表
- 在响应式选项卡中引导响应式表
- 如何使用引导程序创建导航栏,如响应选项卡
- 引导模式按钮没有响应
- Vis图形库,Twitter引导的响应式设计问题
- 如何在引导轮播的高度随响应而变化时保持引导程序轮播中响应式图像的纵横比
- jQuery 自定义内容滚动器在引导表响应式上不起作用
- 使 SVG 映像响应引导容器
- 暂时禁用响应引导