如何知道是否使用Google Tag Manager触发了JS代码
Google Tag Manager (GTM)是一种基于云计算的标签管理系统，它允许网站管理员在不修改网站代码的情况下，通过添加和管理标签来追踪网站的活动和事件。使用GTM可以简化网站分析、广告跟踪、转化追踪等操作，提高网站管理和优化的效率。
要知道是否使用Google Tag Manager触发了JS代码，可以按照以下步骤进行：
- 登录Google Tag Manager控制台：访问https://tagmanager.google.com/，使用您的Google账号登录。
- 确认容器版本：在左上角选择正确的容器版本，通常为最新版本。
- 切换到预览模式：在工作区顶部的“预览”按钮上点击，进入预览模式。
- 打开网站页面：在预览模式下，打开包含JS代码的网站页面，可以通过直接在浏览器中访问或者在Tag Manager控制台的“配置”选项卡中选择相应的页面进行预览。
- 查看标签触发情况：在网站页面上进行操作，触发相关的事件或活动，例如点击按钮、提交表单等。在预览模式下，您可以看到哪些标签已被触发，这些标签通常在页面上会有相关的调试信息或者实际的操作效果。
- 确认JS代码触发：检查预览模式中显示的标签触发情况，确保您期望的JS代码被正确触发。
需要注意的是，在确认JS代码触发之前，确保已经正确配置了Google Tag Manager并部署到网站中。您可以参考腾讯云提供的相关产品Google Tag Manager介绍页面（https://cloud.tencent.com/product/gtm）来了解更多关于Google Tag Manager的详细信息和使用指南。
另外，作为一个云计算专家和开发工程师，建议您在使用任何云计算产品或服务之前，务必详细了解相关的安全和隐私政策，并遵循最佳实践来保护用户数据和敏感信息。
相关·内容
我正在尝试使用Google Tag Manager中的自定义js在两个场景中进行文本处理。它是相同的文本，但根据页面的不同，有时是超链接的，而有时不是 我让下面的代码在Chrome控制台中工作(没有"function()"，但当添加到Google标签管理器时，它需要一个"return“才能出现。我在“尝试”之前添加了“尝试”，但这引发了问题。 function() {
try {
google_tag_manager["GTM-KGLGRKD"].dataLayer.get("gtm.element").parentEl
浏览 4提问于2020-04-04得票数 1
我有一个脚本，激发了一个动态的gTag.js广告词转换的基础上采取的各种用户互动的页面。当我安装了gTag.js时，它工作得很好。然而，我最近升级到了Google Tag Manager，现在我的代码： gtag('event', 'conversion', {'send_to':'Dynamic Bits Here'}); 抛出了一个错误。如何将其转换为可由Google Tag Manager拾取？我尝试用以下命令直接推送到dataLayer： window.dataLayer.push('event',&#
浏览 113提问于2021-11-16得票数 0
我已经在我所有页面的<head>部分粘贴了以下代码以连接到Google Analytics：
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-*********-*"></script>
<!-- Google Analytics -->
<script>
window.dataLayer = window.
浏览 10提问于2021-03-08得票数 0
回答已采纳
我设置了Google Analytics Tag Manager来跟踪我网站上的PDF点击。当我在网站上使用预览模式时，它显示页面上触发了正确的标记。看起来它在做它应该做的事情，但在Google Analytics中，任何地方都没有事件出现。我也检查了事件(最近30分钟)，但也没有显示。
我没有用于此的内部流量过滤器。Google Tag Assistant Chrome扩展的标签分析只显示Google Analytics UA有一个非标准的实现。我已验证代码已安装在网站上，并具有正确的GTM-XXXXXXX编号。
添加到头部的代码：
<!-- Google Tag Manager --
浏览 1提问于2019-05-14得票数 0
我正在尝试在我的React站点上安装Google Tag Manager，但当我阅读Google Tag Manager的文档时，它表明我应该在每个页面的头部和正文中粘贴一个长脚本标签：
<!-- 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.creat
浏览 7提问于2018-08-24得票数 6
回答已采纳
我同时使用了gtag和GTM；我如何正确地将它们都包含在？另外，我想知道是否应该覆盖dataLayer变量，或者检查它是否已经存在于每个页面上--即dataLayer = [];或window.dataLayer = window.dataLayer || []; 这看起来正确吗？ <!-- Google Tag Manager -->
<script>
window.dataLayer = window.dataLayer || [];
</script>
<script>
(function(w,d,s,l,i){w[l]=w[l
浏览 64提问于2021-09-24得票数 0
我不知道Google Tag Manager是应该取代Google Analytics，还是应该和它一起工作。 我想跟踪页面浏览量，也通过谷歌分析发送一个用户ID。如果我只在下面添加谷歌标签管理器代码，是否会注册所有常见的谷歌分析页面视图等，或者只是将userId发送到谷歌分析？ 如果我在下面同时添加Tag Manager和Google Analytics代码片段，我是否会获得注册的重复页面浏览量？ 如果这是一个愚蠢的问题，我很抱歉，但我已经四处寻找了一个明确的答案，你是应该使用两个代码片段还是只使用GTM，但我找不到任何东西。 <!-- Google Tag Manager --&g
浏览 20提问于2019-10-01得票数 2
回答已采纳
我正试着在Chrome的控制台中读取这个HTML：
<span id="lblSummaryFreight">Kr 79</span>
使用这个JS：
document.getElementById('lblSummaryFreight').innerHTML;
但是，加载页面后，运行此行将返回null或invalid。如果我检查元素，然后运行代码，它会正常工作并返回"Kr 79“。那么，这是我不知道的某种DOM问题，还是特定于浏览器的问题？
我在Google Tag Manager中使用它作为一个变量，它在50%的情况下都有效。
浏览 3提问于2016-08-11得票数 6
1回答
我的问题是关于Google Tag Manager，只有在满足某些条件的情况下才运行脚本。
这是我的代码：
<!-- Google Tag Manager -->
<div ng-if="status === 'true'">
<noscript><iframe src="//www.googletagmanager.com/ns.html?id=GTM-****"
height="0" width="0" style="
浏览 0提问于2015-11-24得票数 0
我正在尝试添加下面的Google脚本，在Wordpress登录页面上打开<body>标记后立即添加。
我想插入的
代码
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-XXXXXX"
height="0" width="0" style="display:none;visibility:hidden"></i
浏览 0提问于2020-09-29得票数 0
回答已采纳
首先，这是我第一次尝试设置Google和Tag Manager，并且需要来自_ga cookie的客户端id。
我认为包含代码片段gtm.js就足够了，但是在那之后没有设置_ga。
<!-- 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.createEl
浏览 0提问于2018-04-26得票数 0
回答已采纳
我有一些麻烦，我的谷歌标签经理。代码工作得很好，但是在事件发生时，代码对用户是可见的！浏览器中显示的代码示例
dataLayer.push({'event':'record'，‘km_event’：‘登录’.})
我还没见过有这个问题的其他人，我也不知道这是代码的一部分会在哪里显示！我使用的google标记管理器代码(标题)：
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start
浏览 1提问于2017-05-26得票数 2
2回答
我正在使用Google Analytics来跟踪我的react应用程序中的自定义事件。当我第一次推出代码时，我阅读了this document，建议使用gtag方法而不是ga方法来进行日志记录调用。这一直运行得很好。 我使用的是Google Tag Manager，所以这些脚本都是通过GTM加载的(可能)。 现在我正在做一些更棘手的事情，服务器需要告诉客户端在特定情况下登录页面加载。因此，我对GTM初始化代码进行了修改，以便在GTM加载后触发事件。我读过如何做到这一点的here。 奇怪的是，当指示GTM库已经加载的回调触发时，gtag没有被定义，并且在Analytics中记录事件的代码失败。
浏览 22提问于2019-10-11得票数 0
我目前正在使用Webtrekk进行分析。
最近，我实现了Google Tag Manager来管理和合并所有的标签。我正在考虑将Webtrekk添加到Google Tag Manager中，我想知道是否有任何兼容性问题。
根据的说法，谷歌标签管理器不支持使用document.write的标签，无论是在代码片段中还是在链接的JavaScript中。我发现链接的Javascript (webtrekk_v3.2js)包含“document.write”。
你有什么建议来解决这个问题吗？
我能不能只使用标签内的跟踪代码，而完全跳过javascript？
谢谢!
浏览 0提问于2012-12-22得票数 0
我正在构建一个next.js应用程序，并且只想在加载整个页面之后加载Google (GTM)。这背后的目标是提高网站的性能。
有谁知道只有在应用程序完全加载之后才能运行第三方JS代码(如GTM)？？
我目前正在使用“常规”方式将GTM注入到我的next.js应用程序()中，方法是将<script>标记添加到<Head>中，将<noscript>标记添加到_document.js文件中的<body>标记中：
<Head>
{/* Google Tag Manager */}
<script
浏览 20提问于2022-02-01得票数 3
我在表单提交时触发了一个dataLayer变量。此表单提交的javascript代码不在源代码的顶部。
我该如何解决这个问题？潜在的后果是什么？
假设我不能使用Google Tag Manager的“表单提交”变量，并且我需要发送我的自定义变量。
浏览 6提问于2020-05-05得票数 0
回答已采纳
我正试图在GTM中添加另一个用于登陆页面的容器。
主要站点： (ContainerA正在工作)。
登陆页面站点： (ContainerB，我想添加。)
(1)首先，我添加了5个标签的ContainerB。
(2)然后，我在ContainerA中添加了以下自定义Javascript代码(变量)。
function () {
var paths = location.pathname.split('/');
if (paths.length >= 2) return paths[1];
return "none";
}
(3)接下来，我在Conta
浏览 9提问于2020-10-27得票数 0
在Google Tag Manager中，它们提供了两个必须添加到页面中的脚本： <!-- place within <head> -->
<!-- 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)
浏览 31提问于2019-02-26得票数 1
我最初只是添加了Gatsby google标签管理器插件，并将GTM-XXXX添加到我的配置中。但是我的搜索引擎优化人员说他想把这个代码放在
<!-- 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">
浏览 4提问于2018-12-11得票数 1
1回答
我们在页面中嵌入标记管理器，如下所示：
....
<head>
<script>
window.dataLayer = window.dataLayer || [];
</script>
<!-- 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.getE
浏览 3提问于2020-07-23得票数 0
回答已采纳
我正在尝试推送一个ID到谷歌分析，但没有看到它通过。下面是我的cshtml代码：
@{
string id = Guid.NewGuid().ToString();
}
<script>
console.log('about to declare the datalayer');
var id = '@id';
console.log('id:' + id);
dataLayer = [{
'event': 'getIdentifier',
浏览 0提问于2017-10-06得票数 0
我希望将应该放在<head> of .html页面中的Google代码放在一个单独的JavaScript文件中。
类似这样的东西：<script src="/js/tagmanager.js"></script>
应该放在头上的代码，由google提供：
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'
浏览 0提问于2019-12-22得票数 0
回答已采纳
我有一个在contacts.google.com页面上运行的chrome扩展。我需要在我的项目中实现谷歌标签管理器代码，但我不能添加它。正如以下链接https://developers.google.com/tag-manager/quickstart中给出的文档所示，我们必须在< Head>标记和< body>标记处添加代码。问题是我没有html文件，因为html内容是使用javascript文件加载到谷歌联系人页面的: background.js文件和content.js文件。谁能告诉我如何在chrome扩展中实现google tag manager代码？任何帮助
浏览 30提问于2021-02-10得票数 0
我有一个网站建立使用木兰CMS，我需要添加谷歌标签管理器到一个页面。我有代码，我需要将它添加到页面，所以我只是需要帮助，我可以如何将此代码添加到Magnolia页面：
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i)
Unknown macro:
Unknown macro: {w[l]=w[l]||[];w[l].push( Unknown macro}
);var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLa
浏览 10提问于2020-05-27得票数 1
当我检查源代码时，我在Google代码块中看到多个analytics.js实例，请参见：
在“我的网络”选项卡中，类似的结果：
这就是我如何在Joomla模板代码中实现GTM (从GTM后端复制/粘贴)：
<!-- 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
浏览 3提问于2019-12-09得票数 0
我已经尝试为我的博客(Blogger)实现了Google Tag Manager。当我尝试使用预览和调试模式预览标记实现时，我看不到调试模式。在加载博客时，Debug模式会短暂出现，但一旦加载博客，调试模式就会消失。
任何关于如何纠正这个问题的建议都将深表感谢。
请在下面找到我的Google Tag Manager代码：
<body>
<!-- Google Tag Manager -->
<noscript><iframe height='0' src='//www.googletagmanager.com/ns.html?
浏览 4提问于2016-01-05得票数 0
1回答
我正在尝试使用Google Tag Manager设置电子商务跟踪，但是我无法在google analytics中显示数据？
通过使用上述链接中提供的示例，以下是我的代码：
<html>
<head>
<script>
window.dataLayer = window.dataLayer || [];
dataLayer.push({
'transactionId': '1238393768',
'transactionAffi
浏览 0提问于2017-10-03得票数 0
我们的Google Tag Manager实现如下：
<!-- 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:''
浏览 0提问于2018-05-17得票数 1
有一件很基本的事情让我很困惑。我通过Google Tag Manager使用Google ads转换跟踪，我不明白我的google分析是如何知道这些广告的。我的意思是，我在Google Tag Manager中创建的转换标签根本不包含Google Analytics跟踪代码。
我遗漏了什么？谢谢
浏览 11提问于2019-08-20得票数 1
回答已采纳
我正尝试在我的Wordpress网站上添加谷歌标签管理器脚本，使用locomotivescroll.js和swup.js定制主题。下面是我用来在functions.php中集成的代码：
/* Google Tag Manager
/* ------------------------------------ */
add_action( 'wp_head', 'add_gtm_head', 10 );
function add_gtm_head() { ?>
<!-- Google Tag Manager -->
<scr
浏览 21提问于2021-10-20得票数 0
我目前正在使用一个Angular 4应用程序。index.html的代码如下：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Copofi</title>
<base href="/">
<link rel="icon" type="image/x-icon" href="favicon.i
浏览 2提问于2018-07-03得票数 0
我正在使用nuxtjs。
这是我的google标记管理器脚本：
<!-- 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
浏览 19提问于2021-06-13得票数 2
1回答
我正在初始化google标签管理器和gtag，如下所示： @yield('styles')
@if(config('app.google_analytics_key'))
<script async src="https://www.googletagmanager.com/gtag/js?id={{ config('app.google_analytics_key') }}"></script>
<script>
window.dataLayer = windo
浏览 100提问于2019-12-17得票数 0
有没有可能返回到正常的Google Analytics跟踪代码片段，删除Google Tag Manager代码片段？
我尝试安装Google tag Manager，并将代码片段放在body标签下。
然后我删除了Google Analytics代码片段，一天后Google Analytics中的所有数据都消失了。正因为如此，我决定在没有Google Tag Manager的情况下跟踪我的页面，并从我所有的页面中删除Google Tag Manager代码片段，并再次放置Google Analytics代码片段，但仍然没有结果。有趣的是，当我转到Admin查看跟踪的状态时，它显示它是活动的。
浏览 4提问于2015-05-17得票数 0
建议应该在远程代码脚本标记之后/之下填充window.dataLayer。
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=GA_MEASUREMENT_ID"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.pu
浏览 3提问于2019-07-11得票数 0
我认为GTM没有为我的Rails应用程序正确记录数据。当我使用预览功能时，开发者工具中的GTM预览数据仅在初始页面加载时显示，后续页面加载(使用turbolinks)不显示预览数据。我应该如何用TurboLinks设置GTM？
我在标题中设置了GTM，如下所示：
<script>
var dataLayer = [];
(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsB
浏览 3提问于2017-01-04得票数 2
我到处寻找这个问题的答案，却找不到答案。为了清楚起见，我不是问如何缩小js，而是问谷歌优化器js文件，它是第三方的。 我们使用"Google Optimize“进行a/b测试等，我们通过Google Tag Manager加载。 有没有人知道如何缩小“谷歌优化”的javascript，因为我们总是在PageInsights上被标记？
浏览 15提问于2021-03-29得票数 2
我正在尝试测试我是否可以使用GA4使用datalayer.push对gtag做同样的事情。在gtag中，一切都运行得很好，但在datalayer.push中则不然。在下面的代码中，我定义了两个自定义事件:工作正常的gTracker和仅在tagassistant中可见且不向Google Analytics Data API发送信息的dlTracker。
在HTML中
<button type='button' class='btn btn-primary' onclick="javascript:BTN_click()">Clic
浏览 9提问于2022-10-13得票数 0
回答已采纳
可以通过Google Tag Manager和自定义Javascript来跟踪点击事件。无论采用哪种方式，都不是很难做到这一点，所以我更喜欢简单地配置Google Tag Manager来捕获几十个选定的点击事件。然而，我不知道这样做有什么好处或坏处？
如果我的网站上已经安装并加载了Google Tag Manager，我有什么理由不使用它来捕获点击事件吗？是否有任何令人信服的性能原因或论据表明，使用Google Tag Manager捕获自定义事件可能会“减慢”网页的速度？
浏览 0提问于2017-02-16得票数 0
我有一个使用旧的谷歌分析标签的脚本，它直接嵌入到我的页面上。此脚本在检测到广告块正在被使用时触发了一个事件：
<!--AB Check-->
<script type = "text/javascript"
src = "http://example.com/JS/Ads3.js"> </script>
<script type = "text/javascript" > jQuery(document).ready(checkAds());
fun
浏览 2提问于2016-01-08得票数 0
1回答
用JS在中设置目标
、、、、
我想通过JS在工具中记录目标，所以首先我将代码添加到页面中，如下：
<meta name="description" content="iReserve">
<link rel="shortcut icon" href="/ico/favicon.ico" />
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date(
浏览 1提问于2018-08-28得票数 1
我在我的网站上安装了GTM。我们已经在所有页面上都有规范的URL，但是Google Analytics并没有跟踪规范URL，所以分析得到了大写或查询字符串不同的重复页面。我已经找到了如何修改Google片段以跟踪规范URL的答案，比如，但问题是，因为我已经安装了GTM代码，所以没有-- Google代码片段。相反，我们有一个GTM片段：
<!-- Google Tag Manager -->
<script>(function (w, d, s, l, i) {
w[l] = w[l] || []; w[l].push({
'gtm.st
浏览 4提问于2020-07-06得票数 1
1回答
我不知道问题是什么，也不知道如何解决。
GoogleTagManager
namespace App\Helpers;
public function __construct(array $config)
{
if (!isset($config['auth']) || !isset($config['preview'])) {
throw new \InvalidArgumentException('Missing auth or preview');
}
gtm-header.blade
@php
$gt
浏览 5提问于2021-08-25得票数 0
我想删除我的Google Tag Manager帐户中的容器。但在设置中，没有删除选项。有人知道如何从Google Tag Manager中删除容器吗？
浏览 1提问于2017-06-29得票数 5
回答已采纳
目前，我已经通过在我的网站上设置了Google。所以GTM片段就在网站的头上。
<!-- 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='
浏览 15提问于2022-11-01得票数 0
回答已采纳
我在body标签下面插入了一个Google Tag Manager代码片段，但我的网站将只显示一个空白的白色页面。当我删除它时，页面显示正确。
<!-- Google Tag Manager -->
<noscript>
<iframe src="//www.googletagmanager.com/ns.html?id=GTM-XXXXXX" height="0" width="0" style="display:none;visibility:hidden">
</iframe>
浏览 1提问于2014-04-28得票数 1
因此，我在gatsby-plugin-gdpr-cookies插件之后设置了一个基本的cookie横幅，我使用了react-cookie-consent，但是它只显示了一个简单的带有接受按钮的we use cookies on our website。
如何在我的炊具组件中同时传递google analytics和google tag manager？这些文档只显示一个cookieName，而我不知道如何添加更多的内容，而不仅仅是谷歌的分析？
另外，如何检查它是否真的禁用cookie跟踪？
我将插件添加到我的gatsby-config.js中
{
resolve
浏览 5提问于2020-12-06得票数 1
我有谷歌标签经理代码：
<!-- 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=tru
浏览 0提问于2019-01-19得票数 1
回答已采纳
我使用google标记管理器(GTM)来管理角应用程序中的标记，如下所示：
<html lang="en">
<head>
<base href="/">
<title>Angular Tour of Heroes</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Google Tag Manager --
浏览 2提问于2017-10-25得票数 0
这里很新，所以如果文章一开始不清楚，很抱歉！
我正在尝试从Google Tag Manager中获取一个自定义HTML标签。标记触发得很好，但是标记内的JS代码似乎没有做任何事情。它应该更新Adroll转换，但什么也没发生。
我更想知道这种类型的JS是否能在GTM中工作？就像它使用特定的adroll函数一样，如果不访问更大的库，它又如何工作呢？
<script> try{__adroll.track("pageView", {"segment_name":"eea7cf78"})
} catch(err) {}
</scrip
浏览 2提问于2021-10-25得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
