开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

如何使用Google Tag Manager (GTM)跟踪每个会话一次的表单提交

Google Tag Manager (GTM) 是一种由 Google 提供的网页标签管理工具，可以帮助网站管理员更方便地添加、更新和管理各种跟踪代码和标签。通过 GTM，我们可以实现对网站用户行为和转化事件的跟踪和分析。

要跟踪每个会话一次的表单提交，可以按照以下步骤进行：

创建 Google Tag Manager (GTM) 帐户：访问 https://tagmanager.google.com/ 并使用您的 Google 账号登录，然后创建一个新帐户。
创建容器：在 GTM 中，容器是一个包含跟踪代码和标签的集合。创建一个新容器，并将其与您的网站关联。
添加 GTM 代码到网站：按照 GTM 提供的指引，将 GTM 代码添加到您的网站的每个页面中。通常，这涉及将 GTM 提供的 JavaScript 代码粘贴到 <head> 或 <body> 标签中。
创建触发器（Trigger）：在 GTM 中，触发器用于指定何时要触发跟踪代码和标签。为了跟踪每个会话一次的表单提交，您可以创建一个自定义触发器，并选择触发类型为 "Form Submission"。您可以进一步细化触发条件，如特定表单 ID 或表单 URL。
创建标签（Tag）：在 GTM 中，标签定义要执行的具体跟踪操作。创建一个新标签，并选择适当的跟踪类型，例如 "Google Analytics"。配置标签的详细设置，如 Google Analytics 的跟踪 ID 和其他自定义事件参数。
配置触发器与标签的关联：将刚刚创建的触发器与标签进行关联，以指定在何时触发特定标签。在标签配置中选择关联的触发器。
预览和发布：在 GTM 中，可以使用预览模式测试您的跟踪代码和标签是否按预期工作。当确认一切正常后，将更改发布到生产环境。

通过以上步骤，您可以使用 GTM 跟踪每个会话一次的表单提交。当用户提交表单时，GTM 将触发相应的标签，执行您所定义的跟踪操作，如将事件数据发送到 Google Analytics 进行分析。

相关推荐的腾讯云产品是腾讯云数据万象（Image Processing）服务，该服务提供了丰富的图片和视频处理功能，适用于多媒体处理应用场景。您可以通过以下链接了解更多关于腾讯云数据万象的信息：https://cloud.tencent.com/product/tc3

请注意，本回答不包括亚马逊AWS、Azure、阿里云、华为云、天翼云、GoDaddy、Namecheap、Google等品牌商的相关产品和链接信息。

相关搜索:Google Tag Manager使用多个选项跟踪表单使用Google Tag Manager跟踪Wordpress Ninja表单 GTM Google Tag Manager如何跟踪日期选择器的值如何使用Google Tag Manager跟踪特定链接？如何使用Google Tag Manager跟踪CSS类的更改？如何提高Google tag Manager表单提交标签的准确性？使用Google Tag Manager跟踪父DIV和子DIV上的点击事件如何使用Google Tag Manager跟踪点击既不是链接也不是按钮的元素？GTM Google Tag Manager -如何将旧版容器或帐户升级到新的360版本如何在Google Tag Manager中使用MutationObserver来检测DOM中的新元素？当页面导航到第三方页面，然后使用Google Tag Manager转到确认页面时，如何跟踪结帐行为？如何在提交使用Google Scripts构建的HTML表单后重定向到URL？如何在填写每个必填字段之前使用jQuery来禁用表单的提交按钮？如何为每个用户只提交一次表单的Flask应用程序创建自定义WTforms验证器

相关搜索:

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

Google代码管理工具101 部分5－表单

本系列以Google Tag Manager（GTM）为例，介绍如何实现集约化的Tag Management，从而实现更优化的监测代码配置。这是这个系列的第五篇文章。...关于如何利用GTM追踪各种线上的表单。...建议你从第1部分开始看这个系列文章，按照文章内容，创建属于你的Google Tag Manager容器。...成功提交表单后，将使用户进入“提交成功”页面，然后使用GA对该页面进行追踪，这并不需要任何智能跟踪。...追踪代码——虚拟页面我们使用网页路径字段名设置为“page”，我们在“评论”字词中添加了一个独立的页面 - 此网页会显示在“所有网页”报告中，例如/blog/2015/july/20/google-tag-manager

2.4K5 0

GOOGLE 跟踪代码管理器（GTM）101 PART 1 – 基础篇

本系列以Google Tag Manager（GTM）为例，介绍如何实现集约化的Tag Management，从而实现更优化的监测代码配置。这是这个系列的第一篇文章。...在本文中，你会了解到，如何将Google Analytics的功能转移到Google跟踪代码管理器。看完系列一，你可以在网站上配置GTM代码，实现网页浏览量的追踪。...系列四主要涉及社交媒体部分，系列五主要涉及表单提交。系列六介绍了一种决定“实时跳出率”的方法。去年，我在GTM发布后不久写了一篇博客文章。...1.创建账户和代码容器假设你有一个配置了Google Analytics通用跟踪代码的网站。开始使用Google跟踪代码管理器之前，你需要更改一段代码，这段代码会配置在每个网页上。...2.将Google Analytics跟踪代码添加为变量你创建的每个代码（tag在GTM中文版本翻译成“代码”）都需要发送到你的Google Analytics跟踪代码。

4.2K5 0

谷歌监测代码管理器（GTM）基础教程第2部分 - 创建代码

本系列以Google Tag Manager（GTM）为例，介绍如何实现集约化的Tag Management，从而实现更优化的监测代码配置。这是这个系列的第二篇文章，介绍GTM触发器和代码的创建。...（第3部分，第4部分和第5部将连载发布）在第1部分中，我们创建了一个Google跟踪代码管理器（GTM）帐户和容器代码，并创建了一个代码，用于将所有网页浏览的Page View发送到Google Analytics...这听起来很简单，使用V2的GTM界面，它实际上也是这样的。但在配置触发器之前，我们需要启用一些GTM的变量。 GTM的变量在GTM容器的变量页面上，确保点击和表单下的所有选项都已勾选。...创建触发器 STEP 1 第一步给你的触发器起一个描述性的标题（当你有很多触发器时，这是非常重要的），并选择事件为“ 点击”。这是除了表单提交之外的任何鼠标点击页面的类型。 ?...我们将跟踪网站的外部链接，建立特殊代码来监测到达你的社交媒体页面的点击，记录点击邮件链接和跟踪表单提交。

2.6K7 1

谷歌跟踪代码管理器（GTM）入门指南第3部分 - 创建链接追踪代码

本系列以Google Tag Manager（GTM）为例，介绍如何实现集约化的Tag Management，从而实现更优化的监测代码配置。这是这个系列的第三篇文章。...关于如何通过GTM创建链接监测代码。...在Part1我们介绍了如何替换标准的Google Analytics跟踪代码，并在Part2，我们创建了第一个关于跟踪文档（PDF文件，DOCX等）点击的标签，Part4的内容涵盖社交媒体标签，Part5...的内容涵盖跟踪在线表单提交。...那么，如果你在Google Tag Manager建立了一个外部链接，如果他们在你网站上点击了链接之后，你就可以知道他们去向何处。

2.1K5 0

谷歌跟踪代码管理器（GTM）入门指南第4部分——社交媒体

本系列以Google Tag Manager（GTM）为例，介绍如何实现集约化的Tag Management，从而实现更优化的监测代码配置。这是这个系列的第四篇文章。...关于如何通过GTM管理社交媒体的监测代码。这是谷歌跟踪代码管理器（GTM）系列简介的第四部分——社交媒体代码。如果想从头学起，可以去看看该系列的第一部分，第二部分和第三部分。第五部分也会很快上线。...幸运的是，这些按钮都是用类似的方式提供，所以我们只需要一个触发器和一个标签来实现它。预览模式到目前为止，确定如何构建触发器的最简单的方法是使用GTM的预览模式。...我可以使用图中的Click作为触发器，实际上是使用Click Classes （元素类属性中的一系列值）触发此变量。即使每个点击的完整字符串不一致，但它们都是以相同的文本开头。...那么现在你就可以去看看我们第五部分GTM的简介了，是关于表单提交跟踪相关的内容。

2.5K6 0

GOOGLE 跟踪代码管理器101 PART 6 – 真实的跳出率

本系列以Google Tag Manager（GTM）为例，介绍如何实现集约化的Tag Management，从而实现更优化的监测代码配置。这是这个系列的最后一篇。...不过，这篇是Google Tag Manager 101系列文章的最后一篇（当然，我会保留在之后将这个系列继续扩展的权利~），本文会介绍如何使用GTM中的计时器，同时如何使用该功能来计算页面真正的跳出率...相较于另一篇跳出率同样是70%的博文，内容质量却相差甚远。在这种情况下，你要如何来衡量访客对哪些内容阅读比例更高呢？今天为大家介绍另一个Google Tag Manager的简单应用。...标签下一步就是创建代码向Google Analytics发送事件。重点注意：设置非互动匹配的值为“True”，然后发送的计时器事件就会导致会话被记录为一次非跳出会话。 ?...使用Google Tag Manager的预览功能来对设置的监测代码进行检测，一分钟后你就可以看到这条代码发送的事件。目标你可以按照如下步骤在Google Analytics中创建事件： ?

1.4K4 0

用GTM就能3分钟内把网站变成灰色，这事还要什么网站开发

利用GTM代码管理器把网站变成灰色GTM代码管理器（Google Tag Manager）是一个 Google 官方工具，安装到网站后，可以用来添加和管理第三方代码段。...在 Google 官方的GTM代码管理器帮助中心有更多介绍，例如：设置和安装跟踪代码管理器。将网站变成灰色，方式很多，但归根到底都是通过添加CSS灰色滤镜来改变网站元素的显示。...简单三个步骤即可将整个网站变成灰色：在GTM中新建一个 Custom HTML 的Tag，Triggering 选择 All Pages，意思是对网站上的所有页面有效复制粘贴下面的代码到 HTML 输入框内...，这段 style 将添加 CSS 样式点击右上角 Submit 发布修改后的 GTM，刷新网站就可以看到效果了复制以下代码到新建的Tag中：html {filter...通过网站管理把网站变成灰色万一没有安装 GTM，或者无论如何配置也搞不定，可以直接在网站管理后台安装上面的代码，效果相同。

4975 0

如何在 Google 跟踪代码管理器 (GTM) 中安装 Matomo 跟踪？

如果您是云客户，您可以使用内置的自定义“ Matomo Cloud Tag ”来设置Matomo。按着这些次序：登录您的 Google 跟踪代码管理器帐户。选择要将 Matomo 添加到的容器。...单击“提交”按钮，然后单击右上角的“发布”按钮，发布您的更改。...或者，云和本地用户可以按照以下步骤使用 Google 跟踪代码管理器设置 Matomo 跟踪：登录您的 Google 跟踪代码管理器帐户。单击“标签”，然后单击“新建”。...要了解有关将 Matomo 与 GTM 结合使用的更多信息，我们推荐这篇第 3 方文章：Google 跟踪代码管理器和 Matomo。您知道 Matomo 也有自己的标签管理器吗？...了解有关Matomo 标签管理器的更多信息，或了解如何从 GTM 迁移到 MTM。

3983 0

利用“Google Tag Manager V2”实现滚动追踪

滚动追踪的概念如果你想收集更多有关访客行为的信息,可以使用“谷歌标签管家第二版”（Google Tag Manager V2）中设置的“滚动追踪”功能，滚动追踪功能是衡量受众如何浏览你所发布的内容以及阅读量的功能...滚动追踪报告会记录你的网站页面中发生的主要行为。在本文中，我将逐步演示如何使用谷歌标签管家第二版（Google Tag ManagerV2）来“滚动追踪”你的目标网页。...也许初看时，你会很难理解如何通过Google Tag Manager实现“滚动追踪”。但是如果你遵循本文中所说的主要步骤，你会发现实现深度滚动追踪是很容易且有价值的。让我们开始吧。...滚动追踪实施：设置变量在Google Tag Manager中，需要遵循一项规则：每个“标签”都需要对应“触发器”。每个触发器都需要“变量”来触发。要设置滚动追踪的变量，你需要创建三个数据变量层。...总结 Google Tag Manager版本2与GTM 版本1相比更加简单便捷。它大大简化受众浏览深度的追踪功能。

1.8K7 0

Discourse 设置 GTM

一个比较好的方法就是设置 GTM，这样能够让你所有的标签在一个地方设置而不需要在 Discourse 中安装插件等。 GTM 是 Google Tag Manager 的简称。...Discourse 设置 GTM 在 Discourse 的后台中，搜索关键字： gtm 在空白的地方输入 GTM 的标签变量。...这个变量是在你 Google 的 Google Tag Manager 设置的。...没有办法执行需要的 Java Script 如果你想严格区分，请将下面的网站添加到信任的网站中：针对 Google Tag Manager https://tagmanager.google.com...我们的完整配置如下图：完成上面的设置后，你的 Tag Manger 应该就可以在 Discourse 上使用了。

6122 0

Postgresql-xl全局快照与GTM代码走读（支线）

通过这种方式，dn共享相同的事务上下文，并且当事务在多个cn和dn中运行时，它可以保持原子和统一的可见性。在事务结束时，如果更新涉及多个节点，则协调器使用 2PC 协议隐式提交事务。...通过跟踪全局事务状态，协调器向 GTM 报告全局事务状态。...path） xl的可见性判断需要GTM提供：需要有全局统一分发的事务ID 全局统一的快照每个事务在启动、结束、一阶段提交、二阶段提交都会通知GTM，让GTM获得全局信息，可以生成全局快照...如果隔离界别为REPEATED READ，将获取快照并在整个事务中使用。如果隔离界别为READ COMMITTED ，每个语句重新从 GTM 获取快照。...这些步骤也将报告给 GTM，以跟踪每个事务状态，以计算后续的全局快照。

9421 0

Postgresql-xl全局快照代码走读与GTM原理（支线1）

通过这种方式，dn共享相同的事务上下文，并且当事务在多个cn和dn中运行时，它可以保持原子和统一的可见性。在事务结束时，如果更新涉及多个节点，则协调器使用 2PC 协议隐式提交事务。...通过跟踪全局事务状态，协调器向 GTM 报告全局事务状态。...path） xl的可见性判断需要GTM提供：需要有全局统一分发的事务ID 全局统一的快照每个事务在启动、结束、一阶段提交、二阶段提交都会通知GTM，让GTM获得全局信息，可以生成全局快照...如果隔离界别为REPEATED READ，将获取快照并在整个事务中使用。如果隔离界别为READ COMMITTED ，每个语句重新从 GTM 获取快照。...这些步骤也将报告给 GTM，以跟踪每个事务状态，以计算后续的全局快照。

1.1K3 0

用宝塔面板安装Matomo内部部署

不要丢失此信息;这是您第一次登录Matomo的唯一方法。每个Matomo安装中只有一个超级用户。超级用户可以执行管理任务，如添加要监视的新网站、添加用户、更改用户权限以及启用和禁用插件。...When you have copied your tracking tag click Next » 复制跟踪标签后，单击“下一步”。...Otherwise you will need to insert your tracking tag manually. 否则，您将需要手动插入跟踪标签。...Matomo can also be integrated in Android and iOS apps, in GTM (Google Tag Manager), Ionic mobile apps...此代码必须出现在您希望Matomo分析的每个页面上。我们建议您将此代码粘贴在关闭标记之前（或粘贴在所有页面顶部的通用头文件中）。

2.8K4 0

Flask 自定义模型类

自定义模型类本篇章介绍Flask自定义模型类的概念，以及写一个快速入门的示例，基本内容如下：定义两个模型类，并创建数据库表创建数据，写入数据库编写模板以及视图函数，在页面展示数据定义模型模型表示程序使用的数据实体...，在Flask-SQLAlchemy中，模型一般是Python类，继承自db.Model，db是SQLAlchemy类的实例，代表程序使用的数据库。...db.session.add_all([author_1, author_2, author_3, book_1, book_2, book_3, book_4]) # 提交会话...管理类的对象 manager = Manager(app) # 通过管理对象来启动flask manager.run() 2.设置index.html模板 <!...从上面的几个示例，基本清楚讲解了模型类如何定义，表单如何设置，模板中如何展示数据，表单如何提交数据，数据如何设置删除等功能。

1.6K1 0

24. Flask 自定义模型类

自定义模型类本篇章介绍Flask自定义模型类的概念，以及写一个快速入门的示例，基本内容如下：定义两个模型类，并创建数据库表创建数据，写入数据库编写模板以及视图函数，在页面展示数据定义模型模型表示程序使用的数据实体...，在Flask-SQLAlchemy中，模型一般是Python类，继承自db.Model，db是SQLAlchemy类的实例，代表程序使用的数据库。...db.session.add_all([author_1, author_2, author_3, book_1, book_2, book_3, book_4]) # 提交会话...管理类的对象 manager = Manager(app) # 通过管理对象来启动flask manager.run() 2.设置index.html模板 <!...，表单如何设置，模板中如何展示数据，表单如何提交数据，数据如何设置删除等功能。

9681 0

如何让GA符合GDPR合规要求？5个步骤快速入门

如果您使用Google Tag Manager，通过点击更多设置调整您的标签或Google Analytics设置变量->字段设置，然后添加一个名为' anonymizeIp '的新字段并且设置为' true...如果您不使用Google Tag Manager(GTM)，您的标记管理系统可能会将此设置作为选项公开，或者您可能需要直接编辑代码。...如何收集？为什么要收集？如何使用？将与谁分享？这会对个人产生什么影响？使用意图可能导致个人反对或抱怨吗？...这是通过使用Tealium iQ的Privacy Manager技术实现的。 ?...每个组织都是不同的，为了遵从，您肯定还需要做更多的事情，所以我们很乐意听到您的声音。请在我们下面的评论部分分享您的建议、关注和问题，以继续讨论关于如何推进GDPR的合规问题。

1.8K2 0

Jmeter 创建一个web测试计划

在一个web浏览器中，登陆表现为代表用户名和密码的表单以及提交表单的按钮。点击提交按钮时，生成一个POST请求，把表单项的值作为参数传递。为了实现登录，添加一个HTTP请求，并设置方法为POST。...如下，设置提交按钮的目标页面的路径，点击添加按钮，输入用户名和密码详细信息.有时候登录表单会包含隐含信息，这些也需要添加 ? ? 高级设置 1....使用HTTP URL Re-writing Modifier 如果你的web应用程序使用了URL重写技术，而不是使用会话cookie,那么需要做点额外的工作来测试你的网站。...（是否缓存会话ID）,那么最后一次缓存的会话ID将被保存，并且如果前一个HTTP实例没包含会话ID，那么将使用该会话ID ? ?...如果勾选【路径扩展（使用”;”作为分隔符）】复选框，那么意味着会话ID应该作为路径的一部分(由一个”;”分割)，而不是一个请求参数 2.使用请求头管理器（Header Manager） HTTP Header

7802 0

如何确保营销效果？介绍6个你都听过但没用好的步骤

达成这些结果应基于Google Analytics和Google Tag Manager收集到的内部数据，并需要重视客户的交易数量、类型以及相关信息。为了使结果准确，这些数据至少需要收集几个月。...有时你可以看到Google Analytics的整体会话趋势每月都在上升，但这可能是由于付费渠道增加了流量。在这种情况下，自然流量可能就会有问题。分析趋势可以让你了解各种数字营销渠道之间是如何的不同？...我更喜欢使用Google Tag Manager，因为它允许你添加新的目标，并查看用户的活动，且无需打扰你的开发人员去更新脚本或类似的内容。它让你有行动的自由，而这也是你所需要的。...以下是一些很棒的英文资源，可帮助你了解并掌握Google Tag Manager： l 一些很赞的Google Tage Manager资源 -- Simo Ahava l 什么是Google Tag...-- Kaelin Harmon l Google Tag Manager的完整攻略 -- iPullRank 2.

1K8 0

Apache Kudu 2

手动刷新一次性提交N条数据 */ // 支持三个模式的测试用例 public static void insertTestGeneric(KuduSession..., 需要buffer在未满的时候flush,这里采用了buffer一半时即提交 //如果要提交的数据条数已经大于缓冲大小（数据条数）除以2的值的话，则进行一次手动刷新提交...缓冲大小（数据条数）除以2的值的话，则进行一次手动刷新提交 if (commit > OPERATION_BATCH / 2) { session.flush...手动刷新一次性提交N条数据 */ // 获取一个会话 KuduSession session = client.newSession...，表中的每个row将会根据其所在的班级划分成四个分区，每个分区就代表一个班级。

1.8K4 1

flask flask-login实现用户登陆认证的详细过程(flask 53)

首先，用户要能够输入用户名和密码，所以需要网页和表单，用以实现用户输入和提交的过程。...我们需要在python代码中使用flask-wtf和wtf来定义前端页面的表单（实际是定义一个表单类），再将对应的表单对象作为render_template函数的参数，传递给相应的template，之后...{{ form.hidden_tag() }}来替换同时我们也可以使用form去定义模板，跟直接用html标签去定义效果是相同的，Jinja模板引擎会将对象、属性转化为对应的html标签，相对应的...类，用于实现相应的用户会话管理。...在json文件中没有对应的user id时，可以使用uuid.uuid4()生成一个用户唯一id 至此，我们就实现了第二步和第五步，接下来要看第三步，如何去维护一个session 维护用户session

2.7K2 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭