如何强制 GTM 在 `<head>` 中添加完整 AdSense 脚本，解决 AdSense 报错？

2024-03-15 18:17:57

强制 GTM 在 <head> 中添加完整 AdSense 脚本：深入解决 AdSense 报错

简介

当通过 Google 跟踪管理器 (GTM) 添加 AdSense 脚本时，脚本可能会分段加载，导致 AdSense 报错，提示“代码缺失或不完整”。本文将深入探讨如何强制 GTM 将 AdSense 脚本作为一个整体添加到 <head> 中，以解决此问题。

问题

在常规 GTM 配置中，AdSense 脚本可能会分为两部分加载，一部分在 <head> 中，另一部分在 <body> 中。这与 AdSense 的要求相矛盾，后者要求脚本连续加载。因此，会导致 AdSense 无法正常工作。

解决方案：强制在 `<head>` 中连续加载脚本

解决此问题的关键是强制 GTM 在 <head> 中连续添加两个脚本片段。这可以通过创建自定义 HTML 标签并使用注释分隔脚本来实现。

创建自定义 HTML 标签

在 GTM 中，创建一个新的自定义 HTML 标签。将触发器设置为在所有页面或要投放广告的页面上触发。

编辑 HTML 代码

在自定义 HTML 标签中，编辑 HTML 代码如下所示：

<!----- Insersion -->
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- Separate scripts for AdSense -->
<script>
  (adsbygoogle = window.adsbygoogle || []).push({
    google_ad_client: "ca-pub-<token>",
    enable_page_level_ads: true
  });
</script>
<!----- End of Insersion -->

注释分隔脚本

在两个脚本片段之间添加注释，以便 GTM 将其视为一个整体。注释可以如下所示：

<!-- Separate scripts for AdSense -->

完成这些步骤后，GTM 将强制在 <head> 中连续添加 AdSense 脚本。

示例代码

<!----- Insersion -->
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- Separate scripts for AdSense -->
<script>
  (adsbygoogle = window.adsbygoogle || []).push({
    google_ad_client: "ca-pub-<token>",
    enable_page_level_ads: true
  });
</script>
<!----- End of Insersion -->