Adsense:在不同设备上投放不同尺寸的广告
Adsense: serving different ad sizes on different devices
我想在我的网站上第一次使用 Adsense,我在启动阶段遇到了一些问题。我想使用手写尺寸 space ( width:height ) 的广告。
Display ads - image
这里我选择了手动尺寸做广告link
宽度:300px; |高度:250 像素;
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;
}
}
post 的意思是我是否可以在不同设备上隐藏来自 google 广告的广告。
!!!标准广告将是 300px X 250px 如果设备小于 425px 用于标准广告写入显示 none 但对于另一个隐藏的广告用于计算机写入显示块
尽管对此没有“适当”的解决方案,即没有按照 Google 预期的方式使用 AdSense 单元的解决方案,但我有一个实用的解决方法在我的一个网站上使用了多年,据我所知这符合他们的政策(他们从来没有向我抱怨过。)
解决方法是使用 Google 的自适应广告,将它们放置在宽度固定但高度可变(未指定)的 div 内,并使用 CSS 隐藏 div 如果浏览器宽度超出一定范围,则包含广告。要完成这项工作:
- 确保针对特定屏幕宽度恰好显示一个 div。
- (可选但推荐)在每个 div 上设置
margin: auto;
以便它在布局中水平居中。
- 为每个 div 设置固定宽度,但不指定其高度。这是因为 Google 的自适应广告可能会投放不同高度的广告,因此您必须 保持灵活。
- 如果屏幕宽度足够窄,请确保 div 消失,因为您不希望 Google 提供因布局而被截断的固定宽度广告,这可能违反政策。
然后您最多可以拥有三“组”这样的 div,只要每组中一次只有一个 div 可见,您就符合Google 的每页限制为 3 个广告单元。如果调整 window 的大小并到达 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 个就足以优化收入,同时保持布局美观。使用 Google 分析或其他数据,您必须查看实际浏览您网站的人的屏幕宽度。
您需要调整尺寸和断点以适合您所需的尺寸和布局。此外,请记住标准广告宽度,并针对您的收入进行优化。如果您将宽度设置为非标准尺寸,您会发现 Google 经常投放非常小的广告,周围有很多空白,这会看起来很差,而且会因为您正在展示而放弃收入在可用空间的一小部分 space.
我想在我的网站上第一次使用 Adsense,我在启动阶段遇到了一些问题。我想使用手写尺寸 space ( width:height ) 的广告。 Display ads - image 这里我选择了手动尺寸做广告link
宽度:300px; |高度:250 像素;
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;
}
}
post 的意思是我是否可以在不同设备上隐藏来自 google 广告的广告。
!!!标准广告将是 300px X 250px 如果设备小于 425px 用于标准广告写入显示 none 但对于另一个隐藏的广告用于计算机写入显示块
尽管对此没有“适当”的解决方案,即没有按照 Google 预期的方式使用 AdSense 单元的解决方案,但我有一个实用的解决方法在我的一个网站上使用了多年,据我所知这符合他们的政策(他们从来没有向我抱怨过。)
解决方法是使用 Google 的自适应广告,将它们放置在宽度固定但高度可变(未指定)的 div 内,并使用 CSS 隐藏 div 如果浏览器宽度超出一定范围,则包含广告。要完成这项工作:
- 确保针对特定屏幕宽度恰好显示一个 div。
- (可选但推荐)在每个 div 上设置
margin: auto;
以便它在布局中水平居中。 - 为每个 div 设置固定宽度,但不指定其高度。这是因为 Google 的自适应广告可能会投放不同高度的广告,因此您必须 保持灵活。
- 如果屏幕宽度足够窄,请确保 div 消失,因为您不希望 Google 提供因布局而被截断的固定宽度广告,这可能违反政策。
然后您最多可以拥有三“组”这样的 div,只要每组中一次只有一个 div 可见,您就符合Google 的每页限制为 3 个广告单元。如果调整 window 的大小并到达 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 个就足以优化收入,同时保持布局美观。使用 Google 分析或其他数据,您必须查看实际浏览您网站的人的屏幕宽度。
您需要调整尺寸和断点以适合您所需的尺寸和布局。此外,请记住标准广告宽度,并针对您的收入进行优化。如果您将宽度设置为非标准尺寸,您会发现 Google 经常投放非常小的广告,周围有很多空白,这会看起来很差,而且会因为您正在展示而放弃收入在可用空间的一小部分 space.