【问题标题】:How to make GoogleAdSense (Custom Search Ads) to be responsive (bootstrap)?如何使 Google AdSense(自定义搜索广告)具有响应性(引导程序)?
【发布时间】:2015-02-10 19:35:43
【问题描述】:

我们在我们的网站上实施了谷歌广告。 最近我们将整个网站更改为响应式设计。所以我查看了来自 google 的选项,发现 google 有一个用于响应式设计的 api。我研究了实现它的方法。

我从互联网上发布的文档和verious示例中发现的是使用这个来获得响应式广告

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

现在我不知道如何做出响应 - 我找不到任何文档。请帮我解决这个问题!

【问题讨论】:

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


    【解决方案1】:

    就这么简单:

    替换 ---->>> 'width': '700px'

    with ---->>> '宽度': '100%'

    享受你的谷歌 csa!!!

    木质

    【讨论】:

    • 这也是我认为的最后手段 :) 我只是想看看谷歌是否有任何新的 api!
    • 我也使用这个解决方案并在我的网站上完美运行,谷歌对此没有说什么,但我认为这是隐含的...... ;-) 对不起英语!
    猜你喜欢
    • 2012-09-23
    • 1970-01-01
    • 2016-09-25
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2015-07-13
    相关资源
    最近更新 更多