调试和验证Web SDK迁移
创建对象:
- 中级
- 有经验的
- 开发人员
在本练习中,您将了解在迁移到Web SDK时如何调试和验证数据。 我们建议您进行两种不同的验证活动,这些活动可以帮助您确保一切正常进行:
- 验证活动#1 正在运行Adobe Experience Platform Debugger(一种浏览器扩展),并允许您在将数据正确发送到Analytics的过程中检查这些数据。 建议您经常执行此活动,因为您会更改标记属性并将更改发布到开发库。
- 验证活动#2 将进入Adobe Analytics,设置一个或多个项目以从Web SDK接收数据(通过您新创建的迁移报表包),并验证在您单击网站时数据是否实际正确进入报表,等等。
Adobe Experience Platform Debugger
此调试器是一种浏览器扩展,可在Chrome Store上使用。 有一个视频教程介绍了如何下载和使用调试器,建议您先了解该教程以了解基本用法。
一旦调试器启动并运行,您就可以使用该调试器来确保数据从您的网站正确流动并流经Edge Network。 本教程将保留其非常基本的用法,但请尽其所能使用调试器来检查您的数据。
假设(在本例中,此假设始终是危险的,但希望是安全的): 由于我们在此示例中将tags属性迁移到Web SDK,因此无需在网站上放置新的嵌入代码。 它应该已经在那里了。 但是,如果您决定要在全新的Tags资产上执行更多的“提升并转换”方法,则您将在开发、暂存和生产环境中放置新的嵌入代码。 因此,在本教程中,只要安装了Web SDK扩展并配置了发送数据的规则,我们就会在Debugger中显示数据。
在Debugger中查看Web SDK数据
现在,您已迁移默认页面规则(或者如果您已迁移任何规则)并将其发布到开发环境中的库,您应该能够运行网站并查看流入调试器的数据。
查看数据的步骤:
-
在浏览器中打开站点的开发环境
-
单击浏览器窗口顶部扩展托盘中的浏览器扩展,以打开调试器
TIP
调试器的右下角是一个“锁定”图标和标签,在其左侧,您可以看到正在调试的页面。 在网站上时,单击锁定图标,这会将调试器锁定到网站的窗口。 否则,如果您单击其他浏览器选项卡/窗口,调试器将对该站点做出响应。 在网站调试期间,可以更轻松地确保调试器始终为您提供网站的信息。 -
确保您位于Debugger的 摘要 页面(左上角的“主页”图标)。 在浏览器窗口中 刷新您的网站。 如果Debugger正在获取您网站上的嵌入代码,并且您未删除Analytics代码(按照本教程所述),则您将看到以下迹象:同时存在Adobe Experience Platform Web SDK和Adobe Analytics的代码,以及Adobe Experience Platform标记。 其他则呈灰显状态。
-
要查看通过Web SDK添加的数据,请单击左边栏中的 Experience PlatformWeb SDK 链接
-
单击 清除事件 只是为了删除已发生的任何点击
-
再次刷新您的网站,然后返回调试器
-
然后单击表中 事件 旁边的数据字段
调试器中的
-
在值字段中,从0、数据、__adobe和Analytics向下展开
-
您应该会看到在该页面上触发的规则中设置的变量,包括默认页面加载规则以及任何特殊规则。
调试器中的
-
只要在Tags属性中更改了某些内容并将更改发布到开发,就可以执行这些步骤,以便查看对Analytics实施所做的更改的效果。
验证Analysis Workspace中的数据
此推荐的主要要点在于,使用Adobe Analytics扩展获取从标记实施传入的当前分析数据,并将其与网络SDK现在填充的相同报表进行比较。
有多种方法可以设置这些比较,但我会给你们两个例子,说明如何这样做。
选项1:在单个项目中使用两个面板比较数据
- 在Analysis Workspace中创建新项目并添加两个面板
- 将面板1中的报表包设置为您当前的Adobe Analytics生产报表包
- 将面板2中的报表包设置为新的Web SDK开发报表包
- 将同一报表放入两个面板中,使用的时段包括仅将数据发送到两个报表包的全天时间
- 比较数据
这可能与以下内容类似(了解这些空的演示报表包中没有任何数据):
如您所见,两个面板中的报表相同,日历也相同。 不同之处在于报表包,如上述步骤所述。
此选项的优势: 您可以在实施中进行更改时,逐一使用报告/维度并准确测试要测试的内容。
选项2:使用两个项目比较数据
- 打开一个使用当前Adobe Analytics扩展数据的现有项目
- 执行“另存为”以制作该项目的副本,将其命名为类似于“Web SDK迁移验证项目”的项目
- 更改所复制项目的报表包,使其指向您的Web SDK开发报表包
- 在不同窗口中打开每个项目,并调整其大小,以便在显示器上彼此相邻地看到它们
- 比较数据
这看起来与上图非常相似,只是每个面板都在自己的项目中并在不同的窗口中。
此选项的优势: 在这种情况下,您不必再次添加和配置所有报表,但您可以看到使用新的Web SDK扩展并以最小的设置查看当前报表的外观。
你有可能同时想要这两者,这也是另一个很好的选择。
验证成功!