通过 - 尼尔科尔

如何跟踪使用Google标记管理器的嵌入式应用程序中的用户

嵌入式应用程序

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

某些服务提供商使用嵌入式应用程序来轻松复制多个网站的复杂用户旅程。通常,这些用户的旅程未跟踪,因此我们无法优化用户体验中的重要步骤的转换。但是,通过一些规划和开发人员帮助,可以在.NET或其他嵌入式应用程序中跟踪用户交互是完全可能的。

为什么公司将应用程序嵌入网站?

提供白标网站的公司有时会使用嵌入式应用程序来简化对不同客户端复制服务的过程。这就像一个单页应用程序(SPA)随着URL不会改变,但在这种情况下,应用程序嵌入在网页中,并从另一个网站拨打API来提供动态内容。

在网页中嵌入应用程序创建许多挑战以跟踪Google Analytics中的用户交互。

首先,将应用程序嵌入到网页意味着当在应用程序中更改内容时,浏览器中显示的URL不会更改。Google标记管理器(GTM)而Google Analytics依赖于URL更改以检测新页面何时服务。

其次,随着嵌入式应用程序调用另一个网站来提供动态内容,主机网站上的GTM代码将无法检测应用程序中的用户交互,因为它在其上托管在单独的网站上。这类似于一个iframe.,但与Iframe不同,它控制整个页面,并且可以是移动响应。

第三,因为嵌入式应用程序提供动态内容根据关于用户的信息或它们如何响应特定内容,我们需要跟踪页面内交互的能力。这就是为什么在页面元素上具有唯一的ID,以便跟踪单个字段。

下面我概述了使用GTM和Google Analytics解决这些问题的过程。这涉及三个步骤:

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

1.跨域跟踪:

在实施之前,我决定配置GTM和GA用于跨域跟踪避免在用户在两个域之间进行双重计数时可能发生的双重计数。尚不清楚它是必要的,但我没有看到承担风险和危害实施的观点,以节省相对少量的努力。

无论是必需的,都会取决于嵌入式应用程序的性质,但我建议您在需要时启用跨域跟踪。之后实施了GTM,我调查了目标领域的装饰,没有发现它是。这表明在我的案例中不需要跨域跟踪,但我在实现之前没有知道这一点。

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

我已经假设您已经使用GTM来实现您的分析代码。如果没有,我建议您迁移到GTM,否则您限制了您的潜力,以优化您的分析和他们提供的洞察力。迁移到GTM并不困难,您通常可以在流程期间保留您的GA基本代码,以确保您可以在需要时保留历史数据。

具有GA基本代码和GTM的一个例外在嵌入式应用程序内部。我们在申请中发现了GA Base和GTM之间的冲突意味着虚拟页面视图不会触发。

在嵌入式应用程序中实现GTM需要将GTM JavaScript放在应用程序所服务的每个动态页面上。代码需要在头部标签和身体标签中的片段中放大。

转到GTM容器,然后选择“管理员”选项卡,然后在右侧菜单中选择“安装Google标记管理器”。您将看到如下所示的代码,其中指令在其中放置代码。它包括您的容器ID,它以'GTM-'开头。确保这与网站其他部分上的代码相同,因为它应该是相同的。

GTM脚本实现

不要编辑代码。如果您不想开始收集数据,直到Cookie权限等设置,则可以从GTM容器中控制此功能。您可以避免发布容器或暂停页面视图标记,直到您准备将数据发送到GA。

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

GTM预览窗口在网页上打开

3.虚拟页面视图:

我建议实现虚拟页面浏览量而不是事件,因为Google Analytics目标不允许创建Funnels的事件。如果您设置事件,这意味着您无法在GA中使用漏斗可视化报告。您还会错过使用事件来测量页面负载速度的能力。

请阅读我的博客如何在Google标记管理器中创建虚拟页面视图有关此过程的逐步说明。这涉及博客文章中概述的五个步骤。这些是;

    1. 将虚拟PageView数据层脚本添加到每个动态页面
    2. 为页面标题和URL创建新的数据层变量。
    3. 编辑GA设置变量以包含虚拟页面视图
    4. 创建自定义事件触发器
    5. 创建虚拟PageView标记

嵌入式应用程序的虚拟PageViews

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

datalayer.push({

'活动':'VirtualPageView'

'VirtualPageURL':'/manbetx 世界杯赞助商词汇表 - 转换/自适应设计/'

'VirtualPageTitle':'Adaptive_design'

});

您应该通过使用GTM中的“预览”模式测试标签正在运行。此外,在Google Analytics中查看“实时”控制台,为您测试的环境,以检查数据正在发送到GA。

4.将唯一ID添加到页面上的元素:

当在跟踪内容根据用户旅程的性质时,在跟踪内容的动态页面时,每个页面元素的唯一ID都尤为重要。ID可帮助您在GTM中配置标记以跟踪用户行为并识别下降点。这允许您使用GTM中的“查找表”创建变量,这可以帮助您最大限度地减少容器中的标记数。

此外,表格进行分析解决方案,如Zuko.热拉依靠ID来标识和跟踪每个输入字段。确保您还可以将ID添加到图像,因为它们可用于在GTM中配置触发器,该触发器在射击各个图像的可见性上。这可用于广告横幅,但也用于可能表示客户的图像具有特定类型的帐户或产品。

创建一些惯例以确保ID的一些一致性。例如,使用'but_'作为所有按钮的前缀和链接的'lnx_'。这允许您在GTM中设置规则,以防止在单击不同类型的字段时触发标记。它还有助于在GTM中设置查找表。

添加唯一ID是一般的良好实践,但使用嵌入式应用程序,它有助于减少是否正在跟踪所有交互的不确定性。

概要:

由于白色标记的网站变得更加常见,很可能在网站内嵌入应用程序将变得更加常见。跟踪嵌入在网站中的应用程序中的用户交互对于在整个用户旅程中了解行为至关重要。

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

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

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

这意味着您现在可以创建数据工作室中的复杂漏斗等待自动化用户旅程报告。这将向您展示最大的下降处于嵌入式应用程序中的页面。它还允许您在应用程序的各个页面中识别问题字段。为每个页面创建单独的Funnels,以便您可以在视觉上查看每个字段的下降。

请在此帖子上留下反馈,以便我可以了解您可能拥有的任何问题或建议。

  • 关于作者:Neal提供Web Analytics和CRO咨询服务,并在许多部门工作,包括金融服务,在线游戏和零售。他帮助品牌直接,曼彻斯特机场集团在线和保证有限公司提供了改善其数字营销的测量和性能。