0

我正在将我的一个网站转换为仅 AMP，也称为 Canonical AMP。首先是减少代码库，其次是看看是否可以做到。我在广告方面遇到了障碍，因为来自 Google Adsense 的 AMP 广告似乎仅适用于“移动”。

那么，有谁知道在使用 Adsense 时使用 amp-ad 标签上的媒体属性是否合法？

我问的原因是 Adsense 的“响应式”广告代码使用

<amp-ad width="100vw" height=320 ...

即宽度总是占据视口的 100%，这使得它非常适合带有边到边广告的移动设备，但对于桌面来说看起来很荒谬，特别是因为我在桌面模式下有一个两列布局，使布局看起来疯狂的。

然后我的想法是在桌面上使用固定的 728x90 广告，将媒体属性添加到 amp-ad 标签，如下所示：

media="min-width([$desktop_width])"

（其中 $desktop_width 是我的布局切换到桌面模式的任意宽度，即双列布局）和常规响应式广告

media ="max-width([$desktop_width] - 1)"

如果您想知道“媒体”属性是什么，请参阅 amp.dev 网站上 amp-tags 上的常用属性。

所以，这就是我的问题。这是一个好的方法吗？因此，我将在一个之后有两个 amp-ad 标签，但是当视口的宽度 => desktop_width 时会显示一个，而当视口小于该值时会显示另一个。当然，永远不要同时。

如果没有，我将不得不采用 GAM 方式（Google Ad Manager，又名 DFP），这当然是可行的，但我会放弃响应式广告的不错功能，因为 GAM 需要对其所有的固定设置广告，即使它允许广泛的固定价值。GAM 对我来说意味着更多的工作 + 对最终用户来说更糟糕的用户体验，因为边缘到边缘的广告不容易实现 = 平衡不好。

4

1 回答 1

-1

定义width和height以匹配您希望广告的宽高比，然后添加layout="intrinsic"将在移动设备上或小于其尺寸时将广告缩放 100% 并且将缩放其原始尺寸的 100%，因此，如果广告的size为500px，最大宽度为500px，所以在桌面上不会失真。

  <amp-ad width="250"
          height="250" 
          type="foo"
          layout="intrinsic"    
          >
</amp-ad>
于 2019-07-23T19:06:34.933 回答