使用 Google Tag Manager 和 Google Analytics 跟踪

Elementor Form发布时间:2021-08-16在今天的博文中,我们将了解如何跟踪使用 Elementor Pro WP 插件创建的表单。我是最近才认识他的,所以我不能说他是否很受欢迎。好吧,从头开始。我刚刚看了一下 Builtwith ,看起来这个插件很受欢迎,而且这种趋势还在继续增长。这是2019年底的统计数据。所以显然这个页面构建器在 WordPress 世界中相当大。无论如何,让我们更多地关注这个插件的一个功能,表单。具体来说,如何使用 Google Tag Manager 和 Google Analytics 跟踪 Elementor 表单提交。注意:这篇博文介绍了如何使用 Universal Analytics 跟踪事件。如果您想熟悉 Google Analytics 4 中的事件跟踪,也可以参考这篇博文。在继续之前如果您因为无法自行找到解决方案而登陆此页面,我有一个提示。如果您参加了我的 Google 跟踪代码管理器课程,您将能够自己解决这个问题(以及许多其他挑战)。因此,如果您想对自己的 GTM 技能更有信心并轻松解决此类问题,请考虑加入这些课程。他们很可能目前已关闭,但加入候补名单并成为第一个知道门何时再次打开的人。

谷歌标签管理器电子书包内容AJAX 监听器不工

作能见度触发救援!谷歌分析标签测试同一页面上有多个表单?#1。自定义 HTML 标签 – polyfill#2。效用变量#3。返回 Elementor 形状 ID 的变量让我们  乌克兰电话号码 测试一下替代跟踪解决方案 – 重定向最后的话AJAX 监听器不工作每当我需要遵循某种形式时,我都会检查它对最终用户的工作方式。我提交表格并检查它是否:重定向到“谢谢”页面或者它只是显示“谢谢”消息而不做任何其他事情。或者该表格可能在 iFrame 中,等等。根据以上列表中的项目,应选择不同的表单跟踪方法。在 Elementor 的情况下,我注意到表单不会重新加载页面或将访问者重定向到其他任何地方。它只是显示一条“谢谢”消息。注意:如果您的表单重定向到另一个页面,请跳到本文的最后一章,我提供了一个解决方案。通常,当只显示一条成功消息时,表明该表单正在使用 AJAX,可以按照此方法进行跟踪。不幸的是,这一次,这项技术没有奏效。这是我切换到另一个选项的地方。项目可见性触发

救援!当某个元素出现在屏幕上时,此触发器会进行

乌克兰电话号码

跟踪。就我而言,每次成功提交表单时,Elementor 表单都会显示以下消息。为了检查触发器是否有效,我们实际上需要创建一个。在 GTM 界面中,导航到 Triggers > New > 选择“Element Visibility”触发器,如下所示:我们需要告诉 Google 跟踪代码管理器我们感兴趣的确切项目。有两种方法可以选择我们如何实际选择此成功消息。这是一个 ID 或 CSS 选择器。在这一点上,我们仍然不知道哪个是最好的选择,所以我们将检查实际的消息元素。返回到存在 Elementor 表单的网站,右键单击它并点击Inspect。不幸的是,在我的情况下,成功消息没有 id。这意味着ID(因为选择器方法不起作用),我们唯一的希望是 CSS 选择器。所以我们将不得不使用这两个 CSS 类。如果您看到其他类,请尝试使用它们。专业提示:在尝试使用 CSS 选择器之前,您应该阅读本指南。它将在 GTM 中对您有很大帮助。(我还在我的中级 GTM 课程中介绍了他们。复制这两个类并将它们粘贴到可见性触发器设置中。在此

Leave a comment

Your email address will not be published.