广告代码实施

关于异步广告代码

异步广告代码是 AdSense 广告代码的完全异步版本,它有助于改善网络延迟,为网站的访问者提供更佳的用户体验。异步代码的优势在于能够确保绝不会妨碍网页的其他部分进行加载。也就是说,即使用户在加载广告时遇到问题,也能顺利地加载网页的内容。尤其是移动用户,在网页加载时会感觉到延迟状况大大减轻。

异步广告代码和同步广告代码之间的主要区别在于:

  • 速度:异步广告代码改善了网络延迟,尤其是在使用移动设备时。
  • 提供更佳的用户体验:使用异步广告代码可以确保您的用户即使在加载广告时遇到问题,也能顺利看到您的网页内容。

如需了解更多信息,请参阅 AdSense 中文博客文章:Faster, more robust web with AdSense(利用 AdSense 获得速度更快、体验更好的网页)。

实现异步广告代码

生成 AdSense 广告代码时,您可以选择使用异步广告代码,或使用现有的 AdSense 广告代码。要使用异步代码,请在“广告代码”框中的代码类型下拉菜单中将代码类型设置保留为“异步”。生成异步代码后,将代码复制并粘贴到网页的HTML源代码中,这与使用现有广告代码时执行的操作相同。

为了充分享受异步广告代码带来的好处,建议您同时切换同一网页上的所有广告单元。

异步代码的语法

异步广告代码所用的语法不同于当前的 AdSense 广告代码。以下是这两种类型的广告代码的横向比较:

异步广告代码 同步广告代码
<script async src="//pagead2.googlesyndication.com/
pagead/js/adsbygoogle.js"></script>
<!-- leaderboard -->
<ins class="adsbygoogle"
    style="display:inline-block;width:728px;height:90px"
    data-ad-client="ca-pub-xxxxxxxxxxxxxxxx"
    data-ad-slot="1234567890"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
<script type="text/javascript">
    google_ad_client = "ca-pub-xxxxxxxxxxxxxxxx";
    google_ad_slot = "1234567890";
    google_ad_width = 728;
    google_ad_height = 90;
</script>
<!-- leaderboard -->
<script type="text/javascript"
src="//pagead2.googlesyndication.com/
pagead/show_ads.js">
</script>

问题排查

我们建议您对使用异步代码的所有网页进行全面彻底的测试。如果在添加异步代码后的 48 小时内网站上并未展示广告,则应确认在网站上实施广告代码的操作是否正确。为此,您可以从浏览器中查看网站的源代码,确认其中的广告代码是否与我们在您的帐号中提供的代码完全一样,而且没有遗漏任何一行代码。您还可以查看浏览器的 JavaScript 错误控制台,其中 adsbygoogle 会显示其检测到的配置问题的消息。

要详细了解有关正确添加异步广告代码后网站上未能展示广告的原因,请参阅内容广告不显示

常见问题解答

异步代码不应该包含 <script> 类型属性吗?
是的,异步代码是面向 HTML5 推出的,而 HTML5 并不需要“type”属性。您可以在异步代码中添加 type="text/javascript",但这不会对代码的行为产生任何影响。请注意,对于 HTML5(以及目前存在的所有网络浏览器),type="text/javascript" 均为默认值。
我可以将 AdSense 异步代码和 DFP 广告管理系统异步代码一起使用吗?
不可以,DFP 广告管理系统不支持异步广告代码。
我可以直接通过 CSS 设置广告尺寸吗?
可以,这样您可以动态指定要投放的广告尺寸。
Google 发布商代码是否支持异步广告代码?
是的,Google 发布商代码支持异步广告代码。

 

本文是否对您有帮助?
您有什么改进建议?