如何使GoogleAdSense(自定义搜索广告)具有响应能力(引导程序)?

时间:2014-12-12 06:01:40

标签: javascript html twitter-bootstrap responsive-design adsense

我们在我们的网站上实施了Google广告。 最近我们将整个网站改为响应式设计。所以我在看谷歌的选项,发现谷歌有响应式设计的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>

我完全理解上述代码是如何工作的,我测试了它并且它非常好 - 但我的问题是我们使用谷歌的自定义广告,我们通过搜索字符串等来查询Google广告。< /强> 我们使用查询自定义广告,因为我们的网站非常大。 我们的脚本是这样的 -

    //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>

现在我不知道如何使这个响应 - 我找不到任何文档。请帮帮我!!

1 个答案:

答案 0 :(得分:2)

这很简单:

替换----&gt;&gt;&gt; 'width':'700px'

使用----&gt;&gt;&gt; 'width':'100%'

享受你的谷歌csa !!!

木本