• 如果觉得本站不错,可以收藏本站
  • 本站关注Google Analytics、Adobe Analytics和广告技术
  • Google Analytics和Google Tag Manager视频课程第三版http://edu.ichdata.com

Adobe Launch的几个常用调试和分析工具

Adobe Launch 黄业忠 4周前 (02-08) 273次浏览 已收录 0个评论

这一节主要讲Adobe Launch在测试,调试过程中常用的工具和插件,通过这些工具和插件,可以查看触发了或不触发了哪些规则、加载了哪些插件、数据元素传递的值以及其他重要的配置信息,这些信息可以帮助识别或定位可能的错误。

Adobe Experience Cloud Debugger (老的)

Adobe Launch的几个常用调试和分析工具

Adobe Experience Cloud Debugger 是官方提供一个专门专门用于调试的工具,这个是老的,后面Adobe又推出一个新的,就是下一个要介绍的工具。

Adobe Experience Cloud Debugger这个工具目前还是可以使用的。

Adobe Experience Cloud Debugger是浏览器的插件的,你可以在Chrome的插件市场上搜索找到它,或直接访问:https://chrome.google.com/webstore/detail/adobe-experience-cloud-de/ocdmogmohccmeicdhlhhgepeaijenapj?hl=en

Adobe Launch的几个常用调试和分析工具

 

直接点击添加到浏览器后就可以在浏览器工具栏看到它的图标,截图中,我是已经安装的了。

使用方法非常简单,直接打开需要测试的站点,然后点击工具栏中Adobe Experience Cloud Debugger的图标就可以进入调试状态,比如我现在打开宝马美国的网站https://www.bmwusa.com/:

Adobe Launch的几个常用调试和分析工具

然后打开Adobe Experience Cloud Debugger

Adobe Launch的几个常用调试和分析工具

  • Summary:这是预览概要,可以做知道这个站点布署了哪些Adobe Experience Cloud产品。
  • Network:发送给Adobe Experience Cloud的请求
  • Tools:主要是Adobe Launch替换,用于调试的,和Adobe Target的调试
  • Logs:Adobe Launch上规则触发的日志。
  • Analytics:发送给Adobe Analytics的请求,数据。
  • Target:发送给Adobe  Target的请求,数据。
  • Audience Manager:发送给Adobe Audience Manger的请求,数据。
  • Advertising Cloud:发送给Adobe Advertising Cloud的请求,数据。
  • Experience  Cloud ID Service:Experience  Cloud ID调试。
  • Auditor:审计监测,审计,就是看页面布署情况,结果会反馈给你哪些需要修改的。

一般调试就是模拟用户的行为,然后看对应的Adobe 产品发送的请求或数据准不准确。

Adobe Experience Platform Debugger (最新)

Adobe Launch的几个常用调试和分析工具

Adobe Experience Platform Debugger是官方提供最新的一个调试工具,这是为了支持对AEP Web SDK做调试而推出的,如果你是通过AEP Web SDK这种方式布署的,那么一定要使用Adobe Experience Platform Debugger才可以调试。它是浏览器的插件的,你可以在Chrome的插件市场上搜索找到它,或直接访问:https://chrome.google.com/webstore/detail/adobe-experience-platform/bfnnokhpnncpkdmbokanobigaccjkpob

Adobe Launch的几个常用调试和分析工具

直接点击添加到浏览器后就可以在浏览器工具栏看到它的图标,截图中,我是已经安装的了。

使用方法非常简单,直接打开需要测试的站点,然后点击工具栏中Adobe Experience Platform Debugger的图标就可以进入调试状态,然后再刷新一下页面,注意,这里需要在刷新一下页面才会开始记录数据的

比如我现在打开宝马美国的网站https://www.bmwusa.com/,打开Adobe Experience Platform Debugger,然后刷新一下宝马m美国的页面:

Adobe Launch的几个常用调试和分析工具

  • Summary:表示的是概要信息,可以知道使用了什么Adobe产品。如果后面带有Not Found表示没有使用布署整个产品,没有带的表示这个网站有使用该产品,点击它会显示这个产品的相关信息。       
  • AEP Web SDK:就是Adobe Experience Platform Web SDK,是客户端JavaScript库,允许Adobe Experience Cloud客户通过Adobe Experience Platform Edge Network与Experience Cloud中的各种服务交互。
  • Analytics:发送给Adobe Analytics的请求,数据。
  • Target:发送给Adobe  Target的请求,数据。
  • Audience Manager:发送给Adobe Audience Manger的请求,数据。
  • Launch:Adobe Launch的调试
  • Dynamic Tag Manager:Dynamic Tag Manager调试
  • Experience  Cloud ID Service:Experience  Cloud ID调试。
  • Logs:Adobe Launch上规则触发的日志。
  • Network:发送给Adobe Experience Cloud的请求
  • Event :事件调试,可视化Adobe产品的触发时间分布
  • Tools:主要是Adobe Launch替换,用于调试的,和Adobe Target的调试
  • Auditor:审计监测,就是看页面布署情况,结果会反馈给你哪些需要修改的
  • Settings:设置,主要设置调试页面的风格,有暗黑和高亮两种,默认是暗黑。

Adobe Experience Platform Debugger相比Adobe Experience Cloud Debugger支持调试的类型更多,一些最新的技术使用Adobe Experience Platform Debugger调试会更方便。

需要注意,新旧版的使用方法是不一样的,旧版先打开需要测试的网站,然后打开Adobe Experience Cloud Debugger就会自动收集数据,而新版的打开需要测试的网站后,打开Adobe Experience Platform Debugger还需要再刷新一下页面后才会自动收集数据。另外,在测试的过程中不要再去打开其他第三方的网站,不然第三方网站如果有布署Adobe的产品,那么它的数据也会被收集的,会影响到你所看到的报告。

更多内容请看:新的Adobe Experience Platform Debugger

Browser Developer Tools

Browser Developer Tools、开发者工具,这是谷歌内置于Google Chrome中的Web开发和调试工具,可用来对网站进行迭代、调试和分析。页面发送给Adobe服务器的可以在开发者工具中的Console和Network中看到,所以可以通过这两个去检测。

打开Chrome 开发者工具的方式:

  • 在Chrome菜单中选择 更多工具 > 开发者工具
  • 在页面元素上右键点击,选择 “检查”
  • 使用 快捷键 Ctrl+Shift+I (Windows) 或 Cmd+Opt+I (Mac)

Console Tab

Console、控制台,打开开发者工具默认就是Console,在浏览器开发者控制台中输入_satellite.setDebug(true):

Adobe Launch的几个常用调试和分析工具

就进入测试状态,然后刷新刷新一下页面,或模拟要测试的动作,就可以看到很多的小🚀:

Adobe Launch的几个常用调试和分析工具

你就可以去找对应的规则是否触发。

如果你在Console里看到有这个小火箭符号🚀,表示目前处于调试状态,显示的内容是跟Adobe Experience Cloud  Debugger的Logs是一样的,可以知道触发具体信息,有两种方式可以进入调试状态:

  • 一种是使用Launch Switch,勾选上面的Debug。
  • 一种是Console中输入命令setDebug (true)

还可以在Console输入一些命令,如_satellite.getVar (“element”)去获取Adobe Launch中变量的信息,比如输入_satellite.getVar (“dataLayer_page-name”):

Adobe Launch的几个常用调试和分析工具

这个功能非常有用,可以在测试的时候去看相关变量是否准确获取到想要的值,在测试中会经常用到的。

更多的信息,可以输入_satellite获取帮助信息,这个显示出来的数据,都可以_satellie.**的结构去获取:

Adobe Launch的几个常用调试和分析工具

理论上Library Code的代码里面的所有数据、信息都是可以通过这种方式获取到,实施上,也有一些第三方工具可以以可视化的结果呈现对Library Code的分析,如Launch Library ParserAdobe Launch Viewer。

Network Tab

Network,网络,就是插件发送给Adobe的请求,通过查看请求上的信息去判断传递的数据是否准确。

在网络里通过b/ss过滤出来的就是发送给Adobe Analytics请求:

Adobe Launch的几个常用调试和分析工具

 

点击它,然后看Header里,这里就是获得到的值和发送的数据了。

Adobe Launch的几个常用调试和分析工具

检查这里的数据是否如预期的那样。这些信息跟Adobe Experience Cloud Debugger里面Analytics看到的信息是一样。

Launch Switch

Launch and DTM Switch是Search Discovery提供的一个可以随意切换环境的测试工具,借助这个工具可以实现模拟在不同环境中测试,你在Launch中环境创建所有的环境都可以在这里实现切换。

这是免费的Chrome插件,使用前先需要在Chrome的插件市场安装这个插件,你可以在浏览器插件市场搜索Launch Switch或直接访问https://chrome.google.com/webstore/detail/launch-and-dtm-switch/nlgdemkdapolikbjimjajpmonpbpmipk?hl=en-US

Adobe Launch的几个常用调试和分析工具

 

使用方式:打开需要测试的站点,然后打开这个Launch and DTM Switch插件,直接切换不同的环境,然后刷新即可:

Adobe Launch的几个常用调试和分析工具

我们到开发者工具的控制台看:

 

Adobe Launch的几个常用调试和分析工具

可以看到现在的环境是Staging,测试环境的代码生效,这个Server Call是发送到Staging的报表包。

如果你没有两个真正的测试环境和正式环境,可以通过Launch and DTM Switch实现测试和正式环境的分离,将测试将代码库发布到开发环境,然后通过Launch and DTM Switch切换到开发环境去做测试,这样效率会更高。

Tagtician

Tagtician是一个由Jim Gordon开发的用于DTM和Adobe Launch的调试测试工具,于2016年发布,随着Jim Gordon加入33 Sticks,现在由Jim Gordon和33 Sticks共同维护。

这是免费的Chrome插件,使用前先需要在Chrome的插件市场安装这个插件。

使用方式是按F12打开开发者模式,然后找到Tagtician:

Adobe Launch的几个常用调试和分析工具

     

刷新一下就会记录数据,如果页面刷新无效,点击Chrome的在右上角的Tagtician去刷新,就会跟踪Launch里面数据,默认显示的是触发的规则。

如果你点击左上角的Library,那么就显示使用到的Extensions、Rules和Data Elements。再往右的Production表示Launch的环境类型。

点击触发规则后右侧会弹出一个具体的配置信息:

Adobe Launch的几个常用调试和分析工具

 

但配置信息里面都是配置的是变量设置,不是具体的值,不利于调试。

Omnibug

Omnibug是一个由Philip Lawrence开发的用于DTM和Adobe Launch的调试工具,在Chrome和Firefox均可使用。

使用方式是按F12打开开发者模式,然后找到Omnibug:

Adobe Launch的几个常用调试和分析工具     

刷新一下就会记录第三方跟踪的数据,默认显示的是触发的规则。右上角的几个功能分别是:单击以清除页面之间的请求(页面刷新的时候记录到的信息也清除掉)、过滤、下载、设置和帮助。

     Adobe Launch的几个常用调试和分析工具

点击触发规则后会弹出一个具体的数据采集信息:

Adobe Launch的几个常用调试和分析工具

这里面都是具体的数据采集信息,可以通过这个去判断获取和传递的值准确与

Debugger for Adobe Analytics

Debugger for Adobe Analytics,这也是一个浏览器插件,专门用于Adobe Analytics的调试,开启后,在浏览器控制台下,可以看到Adobe Analytics Server Call,这个就是发送给Adobe Analytics服务器的数据:

Adobe Launch的几个常用调试和分析工具

由于在Network下面也可以看到类似的信息,所以这个工具在实际使用很少。

ObservePoint’s Tag Debugger

ObservePoint’s Tag Debugger是一个由ObservePoint开发的调试工具。

使用方式是按F12打开开发者模式,然后找到ObservePoint’s TagDebugger

Adobe Launch的几个常用调试和分析工具

 

然后刷新页面,就会记录触发的第三方代码,不仅仅是Adobe Analytics:

Adobe Launch的几个常用调试和分析工具

 

点击对应的请求就可以看到具体传递的数据:

Adobe Launch的几个常用调试和分析工具

Adobe Launch Viewer 

Adobe Launch Viewer是由 Ariak开发的,它的作用是可视化Adobe Launch library code。

网址:https://launch-viewer.ariak.dev/,进入的页面如下:

Adobe Launch的几个常用调试和分析工具

直接将library code复制进去,就会可视化Lauch上的配置信息:

Adobe Launch的几个常用调试和分析工具

这个工具点击具体信息的时候是代码结构的,可视化效果比较差,相比这下,接下来要介绍的Adobe Launch Parser就强很多。

Launch Library Parser 

Adobe Launch Parser是由Urs Boller开发的一个免费在线检测工具。可以用于分析评估Adobe Launch的布署质量情况,还可以用于分析竞争对手布署了什么,如何设置,透过这个,可以还原别人Adobe Launch上的所有设置。

这个工具的原理是解析Library Code,你可以直接看这个js去分析做了什么设置,但是都是源码,很难阅读,而这个工具就能够将源码解析出具体的信息给你。

网址:https://launch-parser.com,进入的页面如下,非常简洁:

Adobe Launch的几个常用调试和分析工具

 

使用的方式非常简单,直接将library code复制进去,然后点击LAUNCH就开始检测,这个工具的原理其实是解析加载launch这个js,你可以直接看这个js去分析做了什么设置,但是都是源码,比较不容易看出来,而这个工具就能够将源码解析出具体的信息给你。

解析后会有三个报告,分别是Quality、Content和Dependenices,接下来逐个来看这个报告:

Adobe Launch的几个常用调试和分析工具

 

最重要报告是content,通过这里可以还原library里面所有的配置,比如Adobe Launch里面的rules、data element、 Extensions,你可以通过这个去分析、学习其他公司的Launch是怎么做设置的。

Adobe Launch的几个常用调试和分析工具

 

 

更多内容请看:Adobe Launch检测工具——Adobe Launch Parser

还有其他一些工具。


GA小站, 版权所有丨如未注明 , 均为原创

转载请注明标题:Adobe Launch的几个常用调试和分析工具
链接:https://www.ichdata.com/adobe-launch-debugging-and-analysis-tools.html

喜欢 (1)
发表我的评论
取消评论
表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址