如何使用GTM跟踪多个iframe？
GTM（Google Tag Manager）是一种用于管理和部署网站和应用程序中的标签的工具。它可以帮助用户在不修改代码的情况下添加、更新和管理各种跟踪代码和标签，包括Google Analytics、Facebook像素、AdWords Conversion Tracking等。
要跟踪多个iframe，可以按照以下步骤进行操作：
- 在GTM中创建一个新的标签：登录到GTM账户，进入容器，点击“标签”选项卡，然后点击“新建”按钮。选择适当的标签类型，例如Google Analytics标签。
- 配置标签：根据需要配置标签的各个字段，例如Google Analytics标签需要填写跟踪ID、跟踪类型等信息。确保选择“所有页面”触发器，以便在所有页面上跟踪iframe。
- 添加触发器：在标签配置页面中，点击“触发器”选项卡，然后点击“新建”按钮。选择“自定义事件”触发器类型，并设置触发条件为“页面路径包含/iframe”（假设iframe的路径包含“/iframe”）。
- 配置触发器：在触发器配置页面中，点击“高级”选项，将“检查冒泡”选项设置为“是”。这样可以确保当iframe中的事件冒泡到父页面时，触发器能够捕获到事件。
- 发布更改：完成标签和触发器的配置后，点击页面右上角的“提交”按钮，将更改发布到GTM容器中。
通过以上步骤，GTM将能够跟踪多个iframe。当iframe中的事件触发时，GTM会捕获并将其发送到相应的跟踪工具中进行分析和报告。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云官网：https://cloud.tencent.com/
- 云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 云数据库MySQL版：https://cloud.tencent.com/product/cdb_mysql
- 云原生应用引擎（TKE）：https://cloud.tencent.com/product/tke
- 云存储（COS）：https://cloud.tencent.com/product/cos
- 人工智能平台（AI Lab）：https://cloud.tencent.com/product/ai
- 物联网开发平台（IoT Explorer）：https://cloud.tencent.com/product/iotexplorer
- 移动推送服务（信鸽）：https://cloud.tencent.com/product/tpns
- 区块链服务（TBaaS）：https://cloud.tencent.com/product/tbaas
- 腾讯云元宇宙：https://cloud.tencent.com/solution/virtual-universe
相关·内容
设置:带有GTM集成的AMP HTML页面。AMP HTML页面通过amp-iframe加载我自己的表单向导。问题是:我如何在amp-iframe中跟踪提交。我可以在iframe内容/子文件上使用GTM，但随后GA跟踪<
浏览 0提问于2017-02-16得票数 0
cloth shop |======================================= 但它不是SPA，如果我点击“待办事项列表”，它会在右边加载一个iframe如果我点击“用户列表”，它将加载另一个iframe。 因此，当我在主页上嵌入Google Tag Manager代码时，它只会跟踪我的菜单，而不会跟踪其他iframe的活动。我应该创建和我的iframe一样多的google标签管理器帐户吗？
浏览 4提问于2021-06-29得票数 0
回答已采纳
1回答
我在GTM中设置跟踪时遇到了一些问题。当有人给我们发邮件时，我创建的标签不会触发。Trigger configurationWait for tags 2000 milliseconds
Check to
浏览 4提问于2018-08-14得票数 0
我已经嵌入了一个使用谷歌分析的网站到我的网站使用iframe。我没有添加任何谷歌分析脚本到我的网站，然后，我也可以看到一些信息，通过谷歌标签助理扩展，只有在那些网页，我已经嵌入了网站。有没有办法阻止谷歌分析从一个通过iframe嵌入的网站获取数据？
浏览 0提问于2021-07-06得票数 1
我不确定Google Analytics (GA)和Google Tag Manager (GTM)都需要哪些跟踪代码才能正常工作。我目前在GA ->中使用以下脚本window.dataLayer = window.dataLayer || [];gtag('js', new Date());<
浏览 7提问于2018-06-28得票数 3
最近，我工作的一个网站向他们的网站添加了一个使用第三方iFrame的表单。问题:当触发第三方iFrame中的事件时，如何跟踪</e
浏览 0提问于2018-12-06得票数 1
我想知道是否有可能在iframe和它的父页面之间“同步”dataLayer。
这个是可能的吗？谷歌在这个问题上非常模糊，我真的找不到一个像样的答案。
浏览 5提问于2014-03-13得票数 5
回答已采纳
我想通过GTM跟踪Youtube iFrame嵌入式视频。现在它在普通的中可以很好地工作。
我尝试使用自定义的HTML标签在GTM中使用。但是，这对我不起作用。
浏览 0提问于2013-08-09得票数 0
GTM跟踪是在youtube iFrame API启用的情况下工作的，默认的GTM YouTube触发器用于启动、停止和进度。但是，我注意到，如果用户启动视频并关闭模式，而没有先隐式地停止或暂停视频，即使iFrame不再位于DOM中，进度触发器也会继续触发。基本上，每个视频都可以100%回放，即使你听不到或看不到它。我曾尝试使用iFrame应用程序接口在关闭时停止或暂停视频，但似乎无法修复。我还在API中的player实例上调用了destroy()，可能是因为它是我的p
浏览 2提问于2021-03-11得票数 1
2回答
我使用创建-反应-应用程序，并希望跟踪每个页面的页面视图。我已经创建了自定义页面视图跟踪器，并且当我进行预览时，_event gtm.js不会触发。我已经看到了一个类似的问题，但是有人说在打开 body标记之后添加gtm脚本，我已经在这样做了。
&l='+l:'';j.async=true;j.src='https://www.googletagmanager.com/gtm.js?-- Google Tag
浏览 5提问于2020-04-24得票数 1
我必须实现跟踪像素代码在我的感谢页面通过谷歌标签管理器。在像素代码中有一个事务ID变量来跟踪事务。下面是跟踪像素代码。<iframe src="https://t1.example.com/p.ashx?a=284&e=302&t=TRANSACTION_ID" height="1" width="1" frameborder="0"></iframe&
浏览 0提问于2019-04-12得票数 1
回答已采纳
我有几个使用AngularJS应用程序的网站。每个网站都有不同的GTM跟踪。我把追踪代码储存在我们的数据库里。例如： <noscript> height="0" width=
浏览 7提问于2016-08-19得票数 0
回答已采纳
虽然我希望它能在<noscript>标记之前实现为一个</body>容器，但是在GA中的跟踪代码页面中没有提到这一点。它是由对的引用处理的，还是需要添加一些额外的标记？
浏览 3提问于2019-10-16得票数 0
回答已采纳
我需要添加一个LinkedIn像素的GTM跟踪漂移聊天小部件被点击。
小部件被放在iframe中。当我在GTM中“预览”时，在标签管理器窗口打开的情况下查看我们的网站，然后单击Drift聊天机器人小部件-我创建的GTM标签不会触发。
浏览 4提问于2019-06-22得票数 0
1回答
我们无法控制现场的iframe。这样，当我们想要跟踪的操作完成时，我们可以将事件发送到我们的GA帐户，并将其转换为GA中的目标。有没有办法在GTM中设置一个触发器，以便在GA中记录该事件时触发？大卫
浏览 1提问于2018-04-16得票数 0
因此，我有一个基本的form_for(在我的例子中，我使用simple_form_for，但这两种表单的行为是相同的)。问题是，我想在这些页面中使用turbolinks，因为它使一切都变得非常快。
如有必要，我将张贴我的表单代码。
浏览 3提问于2014-04-25得票数 0
回答已采纳
如果我查看网站，GTM实现如下所示： <script async="" src="//www.googletagmanager.com/gtm.js?<noscript> <iframe src="//www.googletagmanager.com/ns.html?id=GTM-XXXX" height="0" width=&q
浏览 5提问于2017-03-28得票数 0
回答已采纳
2回答
我被要求为一个作为iFrame加载另一个页面(来自同一个站点)的站点实现。
当GTM作为iFrame加载时，我想在这个页面上禁用它，但是当访问者进入该页面时，它就正常工作了。我可以与JS检查页面是否作为iFrame加载，从而不加载GTM脚本内容。但是，如果禁用JS ( GTM代码的noscript部分通常会被接管)，是否有解决方案？
浏览 3提问于2015-06-30得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
腾讯会议活动推荐
腾讯云开发者
