所谓 Google 跟踪代码管理器容器代码段,指的是可以粘贴到您的网页的一小段 JavaScript 和非 JavaScript 代码。通过将 gtm.js
插入网页或(在 JavaScript 不可用时)使用 iframe,它可以让跟踪代码管理器触发代码。
要在您的网站上实现 Google 跟踪代码管理器,请执行如下步骤:
- 复制以下 JavaScript 代码,并在您网站的每个网页上将其粘贴到尽可能靠近起始
<head>
标记的位置,注意要将 GTM-XXXX 替换为您的容器 ID:<!-- Google Tag Manager --> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-XXXX');</script> <!-- End Google Tag Manager -->
- 复制以下代码段,并在您网站的每个网页上将其粘贴到尽可能靠近起始
<body>
标记的位置,注意要将 GTM-XXXX 替换为您的容器 ID:<!-- Google Tag Manager (noscript) --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-XXXX" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- End Google Tag Manager (noscript) -->
只需添加基本代码即可完成许多跟踪代码管理操作,但如果您想要对代码事件或数据进行更精细的控制,可能需要使用我们的异步方法进行一些自定义设置。
要详细了解如何将当前网站上的代码配置迁移到 GTM,请参阅我们就以下主题提供的其他文章:
要进一步自定义您的代码添加设置,请参阅以下额外资源: