掌握这两款工具,让代码实施和管理变简单

首先,先给大家介绍两款常见的代码管理工具:

GTM(Google Tag Manager),它是GMP(Google Marketing Platform)生态圈中的一员,其管理范围覆盖Google系其他软件产品代码、第三方代码、自定义代码,它的代码管理方式灵活、适应场景广、功能强大。

Adobe Launch,全称为Adobe Experience Platform Launch,以下简称为Launch。它是Adobe公司旗下的代码管理器,具备与GTM一样的优秀特质。

这两款代码管理工具,其本质是页面与代码之间的握手工具,也就是说它们本身不产生代码,只是代码的执行载体和管理者。

那么,为什么有时候我们需要将代码交由它们管理呢?

传统的前端开发,需要技术人员直接调整页面上的代码,代码的生效需要完成应用打包、上传服务器、启动程序包等一系列流程,整个流程繁琐、耗时。当我们对页面的灵活性、敏捷性、可扩展性要求更高时,传统开发的流程就显得笨重、迟钝。

而代码管理器在保证可实现与直接部署一样效果的前提下,具备以下优势:

  1.  解除了代码和程序包的强耦合,可使代码修改后即时生效,不受制于服务器端繁琐流程的限制,使代码维护工作变得灵活、轻便。
  2. 将常用逻辑进行封装,实现了常规功能的可配置化。比如,GTM中内置的GA代码实现了对GA基础代码和事件代码的封装,GTM中的触发器实现了对常用触发场景代码的封装。这种化繁为简的设计理念,即使是非技术人员,也可通过可视化配置来完成不复杂的网站监测任务。
  3. 管理器界面的组织结构条理清晰、简洁明了。
GTM和Launch的工作区结构清晰、条理分明

在清楚了使用工具的好处之后,下面带大家熟悉一下GTM与Launch的操作界面,以及各配置项的含义。

GTM与Launch的管理界面

GTM的管理界面
GTM中各配置项说明
Launch的管理界面
Launch中各配置项说明

最开始的时候,说到两款工具实现的都是同一功能,那它们之间到底有何差异呢?

GTM与Launch对比

相同点

① 具备相同的代码管理思想,都是基于“什么时候(触发条件),做什么(代码)”的逻辑;

② 都是异步加载,可减少对页面加载的影响;

③ 都具备完整的权限管理体系,如“Read”、“Edit”、“Publish”等;

④ 都有数据层,个性化的数据通过数据层传递。

不同点

①GTM免费,而Launch需要使用Adobe的产品才能免费使用;

②GTM基于“代码”、“触发器”、“变量”这3个模块的配合实现代码管理,而Launch中将“代码”和“触发器”合并为“Rules”。

在笔者看来,GTM与Launch本身都是非常优秀且强大的工具,它们的代码管理思想其实是一致的,只是在代码部署的实操过程中存在差异。当大家在工作中接到代码管理需求时,根据具体的业务场景和公司安排来选择即可。

最后,阐述一下GTM与Launch各配置项的映射关系,希望对想学习新工具的读者,以及在实际工作中有需求的读者(比如,接到了GTM与Launch之间的代码迁移任务)起到帮助。

GTM与Launch各配置项的映射关系

GTM中的Tag、Trigger与Launch中的Rules:

Launch中的Rules模块集成了GTM中的Tag与Trigger

Rules是Launch中最核心的部分,它的作用是控制触发条件和执行动作,实现什么时候执行什么代码,它起到了集成GTM里的触发器和代码的作用。

Rules模块由IF和THEN两部分组成:IF中的触发条件满足时就执行THEN中的动作,即IF等同于GTM中的Trigger,THEN等同于GTM中的Tag。

Launch中Rules的IF部分对应GTM中的Trigger

IF包含两个配置项:EVENTS和CONDITIONS。

EVENTS译为事件,但在Launch中应理解为触发器,EVENTS可以是浏览、点击、页面滚动深度等行为。它等同于GTM中触发器的TriggerType部分(比如:Page View、DOM Ready、Custom Event等),多个EVENTS之间是OR的关系,满足其中任意一个EVENT就触发。

CONDITIONS等同于GTM中触发器的“This trigger fires on”部分,它对EVENTS中设置的触发条件进行更加细致的限制,使IF部分可以精准定位到想要的触发场景,比如:仅在Page URL包含“www.xxxxx.com”的页面Page View时触发,多个CONDITIONS之间是AND的关系,表示多个条件都满足时才触发,CONDITIONS可以不作设置。

THEN中只有ACTIONS,在该处配置满足IF触发条件的代码,需注意多个ACTIONS是按照先后顺序执行的。与GTM类似,ACTIONS中可以配置Launch中集成的Adobe Analytics代码(即AA代码,GTM中是集成了GA代码)、自定义脚本等多种代码类型。

GTM中的Variables与Launch中的Data Elements

Data Elements译为数据元素,用于传递数据,被Rules引用,它和GTM中的Variables作用一样。Launch中的Data Elements内置有10种类型,包括:cookie、CustomCode、JavaScript Variable……

期望本文可以让大家对代码管理工具有个初步的认识,对于已经掌握了GTM或Launch的读者,期望可以帮助你们在接触另一款新工具时,能够融会贯通地对比着学习,少走弯路,起到事半功倍的学习效果。

发表评论

邮箱地址不会被公开。 必填项已用*标注