使用 Tag Assistant 调试 SAP 电商云 Spartacus UI 的 TMS 模块

简介: 使用 Tag Assistant 调试 SAP 电商云 Spartacus UI 的 TMS 模块

启用了 Tag Assistant 调试模式的网站将显示在单独的浏览器窗口中,以便开发人员检查哪些 Google 代码已触发以及触发顺序。 Tag Assistant 调试模式显示哪些数据正在传递到数据层,以及哪些事件触发了这些数据交换。


新建一个调试会话的方法:


1.打开 Tag Assistant Activation Page:

https://tagassistant.google.com/


点击 Add domain,可以新建一个调试 session, 下图我已经创建好一个会话了:

某些站点或页面可能因为被添加到 URL 的附加调试参数而无法正常工作。

比如 Spartacus 的 base site 检测逻辑,就依赖于 localhost:4200 后面的片段,通过正则表达式匹配合适的 base site 信息。


如果是这样,我们可以取消选中“在 URL 中包含调试信号”框。


要恢复活动或关闭的调试会话,请在 Tag Assistant 主页的“活动域”或“历史记录”中单击域名。

启用后,将为您输入的页面启动一个新窗口,并在现有 Tag Assistant 浏览器窗口中打开调试 UI。

如下图所示,新打开的 localhost:4200

Tag Assistant 窗口中的调试 UI 显示有关您的 gtag() 命令和命中的详细信息,包括代码如何触发以及正在处理哪些数据。

下面是一些例子:

您的常规网站访问者看不到调试信息。 当您在同一域中导航并且页面上有全局站点标记时,调试窗口将保持打开并显示调试信息。

当您点击您的网站时,调试窗口将更新有关如何触发您的代码的信息。 您可以使用此信息查看代码是否成功触发、触发(或未触发)其触发状态的原因以及触发代码后发出的网络请求。

默认摘要视图显示所请求页面的事件和标签信息的概览。屏幕左侧显示事件列表。 “输出”部分将为针对所选 ID 检测到的每个命中显示一张卡片。

事件按发生的页面分组。 单击左侧导航栏中的页面标题可查看页面级摘要。 当用户导航到该页面上具有全局站点标记的站点中的另一个页面时,新页面组将添加到列表顶部。


事件按照它们被触发的顺序出现并相应编号。 标有 <> 图标的事件是在加载全局站点代码时自动发出的内置触发器。单击左栏中的事件以查看更多详细信息。


API 调用显示了用于为所选事件配置数据的 JavaScript,这或者是 gtag() 调用或者是 datalayer.push() 调用。


比如我在调试模式下,点击了 Login 按钮之后:

我能够看到这个 login 页面导航事件在 GTM dashboard 上的显示:

相关的变量:

相关文章
|
1月前
|
Web App开发 数据采集 前端开发
纯技术讨论:如何让 SAP UI5 应用无法被别人在浏览器里调试 - 这种做法不推荐试读版
纯技术讨论:如何让 SAP UI5 应用无法被别人在浏览器里调试 - 这种做法不推荐试读版
38 0
|
1月前
|
监控 测试技术
SAP 电商云修改 Product Catalog Staged 版本数据后,同步到 online 版本的 UI 操作
SAP 电商云修改 Product Catalog Staged 版本数据后,同步到 online 版本的 UI 操作
28 3
|
1月前
|
存储 监控 数据库
SAP 电商云 product catalog 从 staged 到 online 两个版本之间的同步
SAP 电商云 product catalog 从 staged 到 online 两个版本之间的同步
20 1
|
1月前
|
监控 安全 数据管理
SAP 电商云 Product catalog 的 staged 和 online 两种版本的设计理念
SAP 电商云 Product catalog 的 staged 和 online 两种版本的设计理念
17 1
|
1月前
什么是 SAP ABAP 里的 Subscreen
什么是 SAP ABAP 里的 Subscreen
25 1
什么是 SAP ABAP 里的 Subscreen
|
1月前
|
网络架构 开发者 UED
Spartacus 2211 的 provideOutlet 方法扩展 UI
Spartacus 2211 的 provideOutlet 方法扩展 UI
20 0
Spartacus 2211 的 provideOutlet 方法扩展 UI
|
1月前
|
安全 开发者
如何在 SAP ERP 系统调试 Product Initial Download
如何在 SAP ERP 系统调试 Product Initial Download
31 0
|
8月前
|
缓存 负载均衡 前端开发
SAP Spartacus 和 Sticky session 相关的话题
SAP Spartacus 和 Sticky session 相关的话题
43 0
|
8月前
|
存储
SAP Emarsys 和 SAP Spartacus 的集成
SAP Emarsys 和 SAP Spartacus 的集成
55 0
|
8月前
|
API 开发者
Google Tag Manager (GTM) 和 Adobe AEPL 在 SAP Spartacus 中的应用
Google Tag Manager (GTM) 和 Adobe AEPL 在 SAP Spartacus 中的应用
69 0