Question

是否有任何解决方案可以为AMP添加响应式Adsense？像100px高度（用于计算布局）和100％宽度。

Answer 1

基于此blog，因为AMP是异步的，所以可以使用针对Adsense的AMP HTML进行响应。当您打算使用异步Adcodes时，您需要在HTML的head部分包含此脚本。

<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>

以下是示例代码：

<style>
.headerad { width: 100%; height: 100px; }
@media(min-width: 320px) { .headerad { width: 320px; height: 100px; } }
</style>
<amp-ad class="headerad"
 type="adsense"
 data-ad-client="ca-pub-XXXX"
 data-ad-slot="YYYY">
</amp-ad>

如果您想要Customize Google Adsense Async Responsive ADS Size，首先需要生成Adsense adunit。

<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- ADUnit -->
<ins class="adsbygoogle"
 style="display:block"
 data-ad-client="ca-pub-xxxxxx"
 data-ad-slot="yyyyyy"
 data-ad-format="auto"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

标题广告

<style>
.headerad { width: 320px; height: 100px; }
@media(min-width: 468px) { .headerad { width: 468px; height: 60px; } }
@media(min-width: 728px) { .headerad { width: 728px; height: 90px; } }
</style>
<!-- Header Ad -->
<ins class="adsbygoogle headerad"
 style="display:inline-block"
 data-ad-client="ca-pub-xxxx"
 data-ad-slot="yyyy"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

希望这有帮助！

Answer 2

这对我来说很好。它需要最大高eq 100px和宽度：100％

<amp-ad   
    width="320" height="100"  
    media="(max-height: 100px)"  
    layout="responsive"  
    type="adsense"  
    class="adsbygoogle ads_mystyle"  
    data-ad-client="xxx"  
    data-ad-slot="xxx">  
</amp-ad>

Answer 3

AMP项目禁止的样式和最大高度有2个范围响应放大器广告代码。

1。对于标题或页面输入或后插入，不需要宽度

宽度：灵活响应'区域宽度'。

身高：最高400＆amp;灵活。（问题边栏包装 - 问题页脚问题移动视图）

2。宽度和高度

对于所有地方（但有时它没有响应）

<amp-ad
    layout="fixed-height"   
    height="400"  
    type="adsense" 
    data-ad-format='auto'
    data-ad-client="ca-pub-1234567898xx"  
    data-ad-slot="9876xx"
></amp-ad>

AMP网站的响应式广告（仅限宽度）

3 个答案:

1。对于标题或页面输入或后插入，不需要宽度

2。宽度和高度