responsive-design - 带有响应式网站的 Adsense 链接广告(或广告链接)

Question

响应式 adsense 广告在我的响应式网站上运行良好，但我还想向网站添加水平“广告链接”(由于宽度较大，仅在桌面上显示)。

所以，我想做的是在响应式网站中放置 728x15 的广告链接单元，并使其仅在大屏幕上可见(阅读桌面)。但是，根据 adsense 政策，仅允许在响应式广告单元(通过显示:无)中通过媒体查询更改广告，但“广告链接”没有响应式广告。

任何想法如何在响应式网站中实现 adsense“广告链接”，以便这些链接广告仅显示在更大的屏幕上(例如最小宽度:800)，而不会违反 Adsense 政策。

谢谢。

Answer 1

据我所知display:none不显示 AdSense 广告的方法，适用于(异步)链接单元，我认为 it does work for all asynchronous AdSense units . (对于 adsbygoogle.js 中每个带有 script src 的 AdSense 代码段。)

但是，您是对的:AdSense 帮助中心没有提到“异步”，而是明确表示“Hiding ad units at anytime (e.g., display:none), unless you're implementing a responsive ad unit”。

我的疯狂猜测是，这可能是因为已经有 @media原始响应代码(您从 AdSense 信息中心获得的代码)中的查询，并且出错的风险和修改的次数极少:

removing inline style attribute from ins tag

更新 style 中的“默认”类声明 block 标签(“第一行”)

申请display:none在 ins通过自定义类标记(.adlinkunit1 在下面的示例中)

所以这应该对你有用(“链接广告只在更大的屏幕上显示(比如最小宽度:800)”:

<style type="text/css">
.adlinkunit1 { display:inline-block;width:728px;height:15px }
@media ( max-width: 800px) { .adlinkunit1 { display: none; } }
</style>
<ins class="adsbygoogle adlinkunit1"
  data-ad-client="ca-pub-..."
  data-ad-slot="..."></ins>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<script>(adsbygoogle = window.adsbygoogle || []).push({});</script>

(请注意 max-width 用于 display:none。)

就我个人而言，我认为上述示例并未违反 AdSense 政策，但我也不确定为什么帮助中心会说“响应式”，当然 - 如果 Google 决定(出于某种原因)删除(未记录)会发生什么 display:none来自非响应异步单元的支持。