Google AdSense谷歌广告联盟之自适应广告代码高级功能示例

Google AdSense谷歌广告联盟之自适应广告代码高级功能示例？希望使用 google adsense 进一步发掘您网站的创收潜力？这些指南可帮助您快速上手，以便您尽早开始在自己的在线内容旁展示具有相关性和吸引力的广告并获得收入。只需选择最适合您的指南模块即可开始了解！

如果您发现我们的自适应广告代码无法满足您的所有需求，则不妨修改广告代码，通过 CSS 指定广告单元的确切尺寸。

注意：除非您对修改广告代码非常有把握，否则我们不建议您使用这些高级功能。

指定可展开宽度和固定高度

您可以修改自适应广告代码，通过 CSS 指定广告单元的可展开宽度和固定高度。以下示例显示如何进行修改：

下面的示例展示了如何修改自适应广告代码，以指定 90 像素的固定高度和 400 像素（最小宽度）到 970 像素（最大宽度）的可变宽度：

<ins class="adsbygoogle"
   style="display:block;min-width:400px;max-width:970px;width:100%;height:90px"
   data-ad-client="ca-pub-1234567890123456"
   data-ad-slot="5678"></ins>
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-9828403012931831" crossorigin="anonymous"></script>
<script>(adsbygoogle = window.adsbygoogle || []).push({});</script>

根据屏幕宽度指定确切尺寸

您可以修改自适应广告代码，通过 CSS 指定广告单元的确切尺寸。以下示例显示如何进行修改：

如果知道在每种设备上最适合您的自适应网站的确切广告单元尺寸，则您可以使用 CSS3 媒体查询来设置自适应广告单元的尺寸。以下示例展示了如何修改广告代码以使用 CSS3 媒体查询：

<style type="text/css">
.adslot_1 { width: 320px; height: 100px; }
@media (min-width:500px) { .adslot_1 { width: 468px; height: 60px; } }
@media (min-width:800px) { .adslot_1 { width: 728px; height: 90px; } }
</style>
<ins class="adsbygoogle adslot_1"
    style="display:block;"
    data-ad-client="ca-pub-982840301293183"
    data-ad-slot="5678"></ins>
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-982840301293183" crossorigin="anonymous"></script>
<script>(adsbygoogle = window.adsbygoogle || []).push({});</script>

@media 规则是一种 CSS3 语法，当前所有主流浏览器均支持这种规则。请注意，目前尚未正式支持通过 CSS 在外部样式表中设置广告单元的尺寸。

隐藏广告单元

在某些情况下，尤其是在较小的移动设备上，您可能完全不打算展示广告。如果您确实希望隐藏广告单元，可以使用 CSS 媒体查询来设置参数，确保不发出广告请求且不展示广告。以下示例显示如何进行修改：

如果您只想针对某些屏幕尺寸展示广告，请使用 CSS 来实现这一目标。以下示例显示如何修改广告代码，以使用 CSS3 媒体查询针对特定屏幕尺寸隐藏广告：

<style type="text/css">
.adslot_1 { display:block; width: 320px; height: 50px; }
@media (max-width: 400px) { .adslot_1 { display: none; } }
@media (min-width:500px) { .adslot_1 { width: 468px; height: 60px; } }
@media (min-width:800px) { .adslot_1 { width: 728px; height: 90px; } }
</style>
<ins class="adsbygoogle adslot_1"
   data-ad-client="ca-pub-982840301293183"
   data-ad-slot="5678"></ins>
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-982840301293183" crossorigin="anonymous"></script>
<script>(adsbygoogle = window.adsbygoogle || []).push({});</script>

在此例中，如果屏幕宽度少于 400 像素，则不会展示任何广告。

即便有如此的灵活性，也请始终遵循我们的广告展示位置合作规范。此外，我们的合作规范仅允许对广告代码进行有限的修改。