如何使GoogleAdSense(自定义搜索广告)具有响应性(引导)

How to make GoogleAdSense (Custom Search Ads) to be responsive (bootstrap)?

本文关键字:响应 引导 GoogleAdSense 何使 自定义 搜索      更新时间:2023-09-26

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

木本