首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >如何在页面底部对齐所有设备上的谷歌广告?

如何在页面底部对齐所有设备上的谷歌广告?
EN

Stack Overflow用户
提问于 2022-04-20 09:14:42
回答 1查看 587关注 0票数 2

我想找些谷歌广告来表现得很好。基本上,我们在清单之间显示了一些内联广告:

代码语言:javascript
复制
    <div class="listing-ad" id="ad<%row_num%>">
            <ins class="adsbygoogle"
                 style="display:block"
                 data-ad-client="ca-pub-1210636681400112"
                 data-ad-slot="2068176827"
                 data-ad-format="horizontal"
                 data-full-width-responsive="true"></ins>

            <script>
                 (adsbygoogle = window.adsbygoogle || []).push({});
            </script>
    </div>

这些都没问题。我们使用以下方法在requireJS中加载Google脚本:

代码语言:javascript
复制
"google_ads": "https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1210636681400112",

我们现在想在页面底部加入一个“锚”广告。根据这篇文章( https://support.google.com/adsense/answer/7478225?hl=en ),我将在页面末尾添加以下内容:

代码语言:javascript
复制
(adsbygoogle = window.adsbygoogle || []).push({
    google_ad_client: "ca-pub-1210636681400112",
    enable_page_level_ads: true,
    overlays: {bottom: true}
  });

当运行他们的例子,广告显示,但我得到:

代码语言:javascript
复制
{ message: "adsbygoogle.push() error: Only one 'enable_page_level_ads' allowed per page.", 

如果我注释掉了enable_page_level_ads: true,,广告仍然显示(但不是在底部),然后我得到一个新的错误消息:

消息:"adsbygoogle.push() error: DOM中所有带有class=adsbygoogle的ins元素都已经有广告了。“

我已经到了我的证人的终点了,我还想试试什么呢。我想,理想情况下,我想要一个<ins> HTML选项,在这个选项中,我可以将数据-ad-overlays=“<script>”作为一个选项传递(vs作为一个<script>)。

我甚至尝试通过以下途径传递选项:

代码语言:javascript
复制
(adsbygoogle = window.adsbygoogle || []).push({ google_ad_client: "ca-pub-1210636681400112", enable_page_level_ads: true, overlays: { bottom: true } })

但仍然没有joy。

这个是可能的吗?我是不是错过了什么蠢事?我觉得我已经追了好几个小时了!

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2022-04-21 00:49:34

底部锚广告今天没有得到很好的支持。由于顶部锚是默认的,而且AdSense前端没有提供切换到底部的方法,所以没有好的方法来强制它们。您提供的文章已经过时,需要修改或更有可能删除。但是,如果您确实希望强制使用底部锚,可以尝试以下代码段:

代码语言:javascript
复制
<head>
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<script>
  (adsbygoogle = window.adsbygoogle || []).push({
    google_ad_client: "ca-pub-1234567891234567",
    enable_page_level_ads: true,
    overlays: {bottom: true}
  });
</script>
</head>

请注意,web属性id不再存在于标记中,这就产生了差异。尽管通过删除web属性id,您可能会错过其他一些优化。

票数 -1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/71937070

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档