通过 - 尼尔·科尔

如何跟踪在与谷歌标签管理的嵌入式应用程序的用户

嵌入式应用

在嵌入式应用程序中跟踪用户交互的一步一步指南:

一些服务提供商使用的嵌入式应用程序轻松地复制到多个网站,复杂的用户旅程。通常,这些用户的旅程是不被跟踪,因此我们无法优化的用户体验的重要步骤转换。然而,有些规划和开发者帮助的,这是完全可能的范围内.NET或其他嵌入式应用跟踪用户交互。

为什么企业应用程序嵌入到网站?

提供“白标签”网站的公司有时会使用嵌入式应用程序来简化为不同客户复制服务的过程。这就像单页面应用程序因为URL没有改变,但是在这种情况下,应用程序嵌入到一个web页面中,并从另一个网站调用api来交付动态内容。

在web页面中嵌入一个应用程序会给在谷歌分析中跟踪用户交互带来很多挑战。

首先,将应用程序嵌入到web页面意味着当应用程序内的内容发生变化时,浏览器中显示的URL不会发生变化。谷歌代码管理器(GTM)和谷歌Analytics(分析)依靠URL改变时,一个新的页面已送达检测。

其次,嵌入式应用程序调用其他网站提供动态内容,放置在主机网站上GTM的代码不会因为它是在不同的网站托管能够检测到应用程序中的用户交互。这是类似于iFrame,但不像iframe,该控制整个页面,并且可以移动响应。

第三,由于嵌入式应用提供动态内容根据有关用户的信息或他们对特定内容的反应,我们需要跟踪页面内交互的能力。这就是为什么在页面元素上使用惟一的id来支持跟踪单个字段是很重要的。

下面我概述了使用GTM和谷歌分析来解决这些问题的过程。这包括三个步骤:

  • 启用跨域跟踪
  • 将GTM集成到web应用程序中。
  • 向应用程序中的每个页面添加虚拟页面视图脚本。
  • 向应用程序内页面上的每个元素添加惟一的id。
  • 测试,测试,测试。

1.跨域跟踪:

在此之前实现我决定配置GTM和GA的跨域跟踪避免当用户两个域之间去时可能出现的重复计算问题。目前尚不清楚,这将是必需的,但我没有看到服用的风险和危害实施拯救的努力相对少量的点。

是否需要它取决于嵌入式应用程序的性质,但我建议您启用跨域跟踪,以防需要。在实现GTM之后,我调查了目标域是否被装饰,并没有发现装饰的证据。这表明在我的情况下,跨域跟踪是不需要的,但是在实现之前,我是不会知道这一点的。

2.在嵌入式应用中实现GTM:

我假设你已经在使用GTM来实现您的分析代码。如果没有,我建议你迁移到GTM否则就会限制你的潜力,优化您的分析,他们交付的见解。迁移到GTM并不难,你可以经常过程中保留您的GA基地代码,以确保如果需要的话,你可以保留你的历史数据。

的一个例外同时具有GA基本代码和GTM一致地工作是一个嵌入式应用的内部。我们发现应用意味着虚拟页面视图中GA基地和GTM之间的冲突不会火。

在嵌入式应用程序中实现GTM需要将GTM JavaScript放在应用程序提供的每个动态页面上。代码需要放在head标签的上方,而在body标签中则需要一个代码片段。

转到你的GTM容器,选择“Admin”标签,然后在右手边的菜单中选择“Install谷歌Tag Manager”。您将看到如下所示的代码,以及放置代码的说明。它包括你的容器ID,以“GTM-”开始。确保这是相同的代码在你的网站的其余部分,因为它应该是相同的。

GTM脚本实现

不要编辑代码。如果你不想开始收集数据,直到cookie权限等设置,你可以控制这从你的GTM容器。您可以不发布容器,也可以暂停page view标记,直到准备好向GA发送数据。

一旦代码激活,你应该在“预览”模式下打开GTM,并刷新你的网站来检查GTM是否在你的浏览器中打开。你不会看到任何动态页面的浏览量。当浏览器刷新时,您应该看到应用程序所在的URL的页面视图。如果你有一些通用的“点击”标签设置,你也应该看到它们触发时,你与动态页面。

网页上GTM预览窗口打开

3.虚拟页面浏览量:

我建议实现虚拟页面视图而不是事件,因为谷歌分析目标不允许用事件来创建漏斗。这意味着如果你设置事件,你就不能在GA中使用漏斗可视化报告。您还会错过通过使用事件来度量页面加载速度的能力。

请阅读我的博客如何在谷歌标签管理器虚拟页面访问量关于这个过程的一步一步的说明。这包括在博客中列出的五个步骤。这些是;

    1. 添加虚拟浏览量数据层脚本给每个动态页面
    2. 为页面标题和URL创建新的数据层变量。
    3. 编辑GA设置变量,包括虚拟页面访问量
    4. 创建自定义事件触发
    5. 创建虚拟网页浏览标签

虚拟网页浏览嵌入式应用

下面是使用的脚本示例。开发人员需要将其放在应用程序中的每个动态页面上。

datalayer。({推

“事件”:” virtualPageView”

“virtualPageURL”:” manbetx 世界杯赞助商/词汇表-的变换/自适应设计/”

“virtualPageTitle”:” Adaptive_Design”

});

您应该测试该标签被使用GTM“预览”模式下工作。此外,检查在谷歌Analytics(分析)的“实时”控制台您在检查数据被发送到GA测试它的环境。

4.唯一ID添加到要素页面上:

在每个页面元素上拥有惟一的id对于跟踪内容根据用户旅行性质而变化的动态页面尤其重要。IDs帮助您在GTM中配置标签,以跟踪用户行为并识别下降点。这允许你在GTM中使用“查找表”创建变量,这可以帮助你最小化一个容器中的标签数量。

此外,表单分析解决方案,如ZukoHotjar依赖id来识别和跟踪每个输入字段。确保还向映像添加了id,因为可以使用这些id在GTM中配置触发单个映像可见性的触发器。这可以用于广告横幅,也可以用于表示客户拥有特定类型的帐户或产品的图像。

创建一些约定,以确保ID的一些一致性。例如,使用“BUT_”为前缀的所有按钮和“LNX_”的链接。这使您可以设定规则,GTM以防止标签被点击的是其他类型的字段时开火。这也有助于在GTM建立查找表。

一般来说,添加惟一id是一种很好的做法,但是对于嵌入式应用程序,它有助于减少是否跟踪所有交互的不确定性。

简介:

随着白色标签网站越来越普遍,在网站中嵌入应用程序可能会越来越普遍。跟踪嵌入在网站中的应用程序中的用户交互对于理解整个用户旅程中的行为是至关重要的。

计划实施以增加你成功的机会。向您的团队解释在嵌入式应用程序中跟踪用户所需的流程,并获取他们的输入以使流程顺利运行。

启用跨域跟踪因为没有它,你可以与其他数据质量问题一起获得双倍计数。

通过向托管嵌入式应用程序的网站的每个页面添加GTM脚本和虚拟页面视图,您可以开始在整个web旅程中跟踪用户交互。通过为页面元素添加惟一的id,这将允许您配置标记和表单分析,以在嵌入应用程序的每个页面中提供详细的跟踪。

这意味着您现在可以创建Data Studio中的复杂漏斗可视化自动化用户旅程报告。这将显示嵌入式应用程序中下降最大的页面。它还允许您在应用程序的各个页面中识别有问题的字段。为每个页面创建单独的漏斗,以便您可以直观地看到每个字段的下降。

请留下反馈下面对这个职位,这样我可以理解任何问题或可能有任何建议。

  • 关于作者:Neal提供网络分析和CRO咨询服务,并在包括金融服务、在线游戏和零售在内的许多领域工作过。他帮助Hastings Direct、曼彻斯特机场集团在线(Manchester Airport Group Online)和安邦保险(assurance Ltd)等品牌提高了数字营销测量和业绩。

留下一个回复

您的电子邮件地址不会被公开。
*
*

继续使用本网站,即表示您同意使用cookies。更多的信息

本网站的cookie设置为“允许cookie”,以便为您提供最好的浏览体验。如果您继续使用本网站而不改变您的cookie设置或您点击下面的“接受”,那么您同意此。

关闭