Adsense:在不同设备上转换不同尺寸的广告

Question

我想用Adsense第一次在我的网站上，我在启动阶段遇到了一些问题。我想使用在尺寸空间(宽度:高度)中手动写入尺寸的广告。
Display ads - image
这里我选择了手动广告尺寸link
宽度:300px； |高度:250px；
Google Adsense 表示固定广告不能响应:请注意，固定尺寸的展示广告单元不会动态改变其尺寸或响应屏幕方向的变化。
最后我的问题是，从一开始就可以创建更多从大到小的广告，但是随着设备的变化隐藏不自适应的广告
示例 > 计算机 > html:<div class="div1"> </div> <div class="div2"> </div>示例 > 计算机 > css:.div1{display: block; width: 300px; height: 250px;} .div2{display:none}如果设备 = 平板电脑
css
`
@media only screen and (max-width: 425px) {

     .div1{
          display: none;
     }
     div2{
          display: block; 
          width: 250px; 
          height: 250px;
     }
 }`

这篇文章的意思是，如果我可以在不同的设备上隐藏来自 google adsesn 的广告。
!!!如果设备小于 425px 标准广告将是 300px X 250px 标准广告写显示无但另一个隐藏计算机写显示块的广告
Google adsense display fixed

Answer 1

尽管对此没有“适当”的解决方案，即没有按照 Google 打算使用的方式使用 AdSense 单元，但我在我的一个网站上使用了多年的实用解决方法，据我所知，这符合他们的政策(他们从未向我提示过。)
解决方法是使用 Google 的响应式广告，将它们放置在宽度固定但高度可变(未指定)的 div 中，如果浏览器宽度超出特定范围，则使用 CSS 隐藏包含广告的 div。为了使这项工作:

确保特定屏幕宽度只显示一个 div。

(可选但推荐)设置 margin: auto;在每个 div 上，使其在布局中水平居中。

将每个 div 设置为固定宽度，但不指定其高度。这是因为 Google 的响应式广告可能会转换不同高度的广告，因此您必须保持灵活。

如果屏幕宽度足够窄，请确保 div 消失，因为您不希望 Google 提供因布局而被截断的固定宽度广告，这可能会违反政策。

然后，您最多可以拥有三“组”这样的 div，只要每次只能看到每组中的一个 div，您就符合 Google 的每页 3 个广告单元的限制。如果窗口被调整大小并到达 CSS 中的断点并触发不同 div 大小的显示，则广告将直接消失，直到页面重新加载。
如何编码媒体查询？我只推荐 max-width约束……就是你需要的属性，不用看 screen或其他任何东西。例如。这是我的一些代码:

div.container_320
{
    margin: auto;
    width: 320px;
    display: none;
}
@media (max-width: 650px) { div.container_320 { display: block; } }
@media (max-width: 354px) { div.container_320 { display: none; } }

然后你可以有:

<div class="container_320">
<! –– put adsense code here ––>
</div>

这将实现您的一个 div。 div 只会出现在固定的宽度范围内；否则它会被隐藏。
然后，您需要为用户浏览器的不同最大宽度设置所需的任何不同宽度集。将一个集合的所有 div 放在 HTML 中。您可以拥有任意数量的此类 div，但我发现通常拥有 3 个 div 就足以优化收入，同时保持布局美观。使用 Google Analytics 或其他数据，您必须查看实际查看您网站的人的屏幕宽度。
您将需要调整尺寸和断点以适合您所需的尺寸和布局。此外，请记住标准广告宽度，并针对您的收入进行优化。如果您将宽度设置为非标准尺寸，您会发现 Google 经常转换非常小的广告，周围有很多空白，这看起来既糟糕又失去收入，因为您只展示了一小部分您的可用空间。