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 的广告。

!!!如果设备小于 425 像素，则标准广告将是 300 像素 X 250 像素，标准广告不会写入显示，但另一个隐藏的广告将被计算机写入显示 block

Google adsense display fixed

Answer 1

虽然对此没有“正确”的解决方案，即没有按照 Google 预期的方式使用 AdSense 单元，但我多年来一直在其中一个解决方案中使用一种实用的解决方法我的网站，据我所知，这符合他们的政策(他们从未向我提示过这一点。)

解决方法是使用 Google 的自适应广告，将它们放置在宽度固定但高度可变(未指定)的 div 内，并在浏览器宽度超出特定范围时使用 CSS 隐藏包含广告的 div。为了使这项工作有效:

• 确保特定屏幕宽度恰好显示一个 div。
• (可选，但建议)在每个 div 上设置 margin: auto;，使其在布局中水平居中。
• 为每个 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 只会出现在固定的宽度范围内；否则它将被隐藏。

然后，您需要为用户浏览器的不同最大宽度设置不同的宽度集。在 HTML 中将一组中的所有 div 放在一起。您可以拥有任意数量的此类 div，但我发现通常拥有 3 个就足以优化收入，同时保持布局美观。使用 Google Analytics 或其他数据来查看实际浏览您网站的用户的屏幕宽度。

您需要调整尺寸和断点以适合您所需的尺寸和布局。另外，请记住标准广告宽度，并针对您的收入进行优化。如果您将宽度设置为非标准尺寸，您会发现Google通常会转换非常小的广告，周围有很多空白填充，这看起来很糟糕并且会放弃收入，因为您显示的内容很小您的可用空间。