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

详解Data Element的类型

Adobe Launch 黄业忠 2年前 (2019-03-22) 1733次浏览 已收录 0个评论

Adobe LaunchData Element,是key-value结构,用于收集、组织和传递数据,被Rules和Extensions引用,数据元素的作用就等同于GTM中的变量的,用于被其他规则、插件引用,Data Element的设置界面如下:

详解Data Element的类型

  •       Data Element的设置界面如下:
  •       Name:就是Data Element的名字,自定义。
  •       Extension:基于哪个Extensions的,默认选Core,这个是基础通用的。
  •       Data Element Type:数据元素的类型,默认的Core有10种。
  •       Default Value:默认值的,这个可以用于测试,看是否数据正确传递。
  •       Force Lowercase value:强制转为小写格式。
  •       Clean Text:使用此选项可以标准化元素值以便于匹配。“清洁文本”选项从开头和结尾删除任何空格,并用单个空格替换中间的任何成功空格。就是自动去除多余空格的功能,建议勾选。
  •       Storage Duration:就是保存期,有四种None、Page view、Session和Visitor,需要根据数据变量的生命周期选择不同的类型。

      None:就是这个数据元素不存储。

      Page view:这个数据变量跟着页面流量,用户访问不同的页面,每次都会更新,可能会不同,比如Title、UTL、Path这些。

      Session:表示这个数据变量存在于浏览器的Session中,整个访问过程都可用,直到关闭页面。 一般是流量类的。

      Visitor:表示这个数据变量跟Visitor绑定,一般是用户属性的数据,存储在local Storage。

      设置好后点击SAVE即可。

 

 

Data Element里面有10中类型,下面来逐个讲解这些的作用。

Cookie

Cookies是一种能够让网站服务器把少量数据储存到客户端的硬盘或内存,或是从客户端的硬盘读取数据的一种技术。Cookies是当你浏览某网站时,由Web服务器置于你硬盘上的一个非常小的文本文件,它可以记录你的用户ID、密码、浏览过的网页、停留的时间等信息。当你再次来到该网站时,网站通过读取Cookies,得知你的相关信息,就可以做出相应的动作,如在页面显示欢迎你的标语,或者让你不用输入ID、密码就直接登录等等。

Cookie分为第一方Cookie和第三方Cookie,第一方Cookie就是自己主域名下的Cookie,第三方Cookie是其他第三方域名,第三方Cookie通常用于广告跟踪,但只有第一方Cookie能被Launch读入。 

我们可以将第一方Cookie里面的一些信息传入到Launch面去,比如将Adobe Experience Cloud ID传递到Launch里面去,我们先在Cookie里面找到Adobe Experience Cloud ID:

详解Data Element的类型

 

可以看到Domain中是ichdata.com的Cookie就是第一方Cookie,其他的就是第三方Cookie,我们找到AMCV_开头的这个就是Adobe Experience Cloud ID,然后复制NAME里面的名字,就是这个Cookie的名字。

      在Data Element中创建一个Data Element Type为Cookie 的数据变量,将Cookie的名字复制到Cookie Name,其他的设置如下图:

详解Data Element的类型

这样就将Adobe Experience Cloud ID 传递到Launch里面了,数据元素名为Cookie Experience ID,后面就可以在Rules或Extensions中引用。

Custom Code

Custom Code,就是自定义代码,Data Element里的自定义代码支持JavaScript,每个自定义代码返回一个值,代码输入界面跟其他的输入界面一样,都会高亮提示错误。

跟GTM不同的是,你不需要将包封装在函数内部,但不支持$(this)方法。

运用Custom Code对字段做判断处理,如截断,分类。

详解Data Element的类型

代码部署如:

详解Data Element的类型

这里的示例是生成网站区域,通过页面的URL去判断的,同理还可以生成页面层级的。

Dom Attribute

DOM Attribute的作用是从DOM中获取一些值,我们先来看一个例子,如下代码,现在的需求是需要获取id中的writer,该怎么操作呢?

<div class=”g-momo”>

  <a id=”writer” href=”/About-me.html”>关于作者</a>

</div>

我们可以通过CSS选择器去定位,如 div > a 或.classy a 定位锚点,告诉Launch找到这个位置,下一步就是告诉Launch去抓取什么的值,这里直接选择id,这个DOM Attribute就会返回writer,具体的设置界面如下:

详解Data Element的类型

  • Name:就是自定义这个数据变量的名字。
  • Extensions:默认选择Core。
  • Data Element Type:选择DOM Attribute。
  • From the DOM element matching the CSS Selector:CSS选择器,这个可以通过直接通过浏览器复制得到:将鼠标移动到需要跟踪的位置,然后点击右键审查,将光标定位到需要跟踪的位置,然后点击右键就会看到有CSS选择的,直接复制即可,不需要自己去找。
  • Use the value of:就是要获取什么属性的值,这里有id、href、class、src、alt、HTML、text、name、value、type、other attribute.

简单理解,Attribute就是dom节点自带的属性,例如html中常用的idclasstitlealign等,这个在作为事件定位的时候必须用到的,使用方法就是在需要跟踪的位置点击右键查看选择CSS复制即可。

JavaScript Variable

Js变量就是全局变量了,在页面用一个变量去存储,然后就可以通过这个数据元素去获取,跟GA是一直的,比如页面代码如:

<script>
var userid=“haran.huang@ichdata.com”;
</script>

这时候在在Data Element做如下配置:

详解Data Element的类型

但JavaScript Variable对Launch或Adobe有另一层特殊的意义,它同时也是数据层变量,Launch的数据层本质就是js全局变量,这跟GTM中的数据层是完全不同的。

 

      使用数据层的时候需要注意,数据层要在launch跟踪代码的前面,以便跟踪代码一加载的时候能获去相关的值。

Local Storage

Local Storage,局部存储器。它是html5新增的一个本地存储API,所谓local Storage就是一个小仓库的意思,它有5M的大小空间,存储在浏览器中,我们可以通过js来操纵local Storage。解决了cookie存储空间不足的问题(cookie中每条cookie的存储空间为4k)

Local Storage的优势

1、local Storage拓展了cookie的4K限制

2、local Storage会可以将第一次请求的数据直接存储到本地,这个相当于一个5M大小的针对于前端页面的数据库,相比于cookie可以节约带宽,但是这个却是只有在高版本的浏览器中才支持的

 

local Storage的局限

1、浏览器的大小不统一,并且在IE8以上的IE版本才支持local Storage这个属性

2、目前所有的浏览器中都会把local Storage的值类型限定为string类型,这个在对我们日常比较常见的JSON对象类型需要一些转换

3、local Storage在浏览器的隐私模式下面是不可读取的

4、local Storage本质上是对字符串的读取,如果存储内容多的话会消耗内存空间,会导致页面变卡

5、local Storage不能被爬虫抓取到

Local Storage在Cookie的上面,如下图:

详解Data Element的类型

这里就是Local  Storage,里面的所有的key都可以获取传递进去Launch。

Key下面所有的信息都是Local Storage的,假设现在需要将_tab_ids传递到launch该如何设置呢? 在Launch中新建一个Local Storage的Data Elements,然后将_tab_ids填到即可。

详解Data Element的类型

Page Info

主要是页面信息相关的量度

对于网址https://www.ichdata.com/index.html?utm_source=Admin&utm_medium=Admin&utm_campaign=Admin

URL:网址的,这里就是https://www.ichdata.com/index.html

Hostname:主机名,就是网站的域名,这里就是www.ichdata.com

Pathname:路径,页面在服务器的路径,这就是/index.html?

Protocol:新协议,这里就是https。

Referral:引荐来源,就是上一级的网站来源的,比如通过百度搜索过来的,referral就是www.baidu.com。

Title:标题,就是网站的标题了。

Query String Parament

如网址https://www.ichdata.com/index.html?utm_source=Admin&utm_medium=Admin&utm_campaign=Admin,这里的utm_source,utm_medium,utm_campaign就是查询参数看,一般是问好后面的A=***,A就是查询字符参数,能够将这个参数的值转成一个data element,然后在其他地方使用,如:

详解Data Element的类型

这个维度一般放广告维度的参数。

上面的示例的写法是Google Analytics的UTM写法,实际上Adobe的写法不是这样的,Adobe的写法一般是用cid,所有的广告渠道的数据都放到cid,后面可以自定义js去拆分它。

另一个需要注意的是:查询字符串参数类似就是截取,所以特殊字符最好不要用到URL上,如?、&或=,避免参数丢失。

Random Number

生成一个随时数量,在AB测试时候可能会用到

详解Data Element的类型

Session Storage

Session Storage 是HTML5新增的一个会话存储对象,用于临时保存同一窗口(或标签页)的数据,Session Storage 与 local Storage 的接口类似,但保存数据的生命周期与  local Storage 不同,在关闭窗口或标签页之后将会删除这些数据。

Session Storage在浏览器的这个地方,其实就在cookie的上面,跟查看cookie的方法是一样的。

详解Data Element的类型

 

Key下面的字段就是存放在Session Storage的,关闭页面的时候就自动会清空了。

假设要将com.adobe.reactor.core.visitorTracking.pagesViewed传递到Launch里面改如何设置呢?

这个字段的意思是这个会话的PV是多少,就是看了多个页面。

在Launch里面新建一个Data Element,然后选择Session Storage,然后将com.adobe.reactor.core.visitorTracking.pagesViewed复制到Session Storage Item Name即可,具体的配置如:

详解Data Element的类型

然后点击SAVE保存即可。

Local StorageSession StorageCookie的不同在于:

localStorage生命周期是永久,这意味着除非用户显示在浏览器提供的UI上清除localStorage信息,否则这些信息将永远存在。存放数据大小为一般为5MB,而且它仅在客户端(即浏览器)中保存,不参与和服务器的通信。

sessionStorage仅在当前会话下有效,关闭页面或浏览器后被清除。存放数据大小为一般为5MB,而且它仅在客户端(即浏览器)中保存,不参与和服务器的通信。源生接口可以接受,亦可再次封装来对ObjectArray有更好的支持。

Cookie生命期为只在设置的cookie过期时间之前一直有效,即使窗口或浏览器关闭。 存放数据大小为4K左右 。有个数限制(各浏览器不同),一般不能超过20个。与服务器端通信:每次都会携带在HTTP头中,如果使用cookie保存过多数据会带来性能问题。

Visitor Behavior

访客行为,主要是跟常用访客相关的变量,如着陆页、流量来源、总会话数……直接使用系统内置的变量能降低你使用数据元素的错误,访客行为有以下变量:

详解Data Element的类型

  • Lading Page,就是着陆页了
  • Traffic Source:流量来源
  • Minutes on Site:在网站的时间
  • Session Count:会话数
  • Session Page View Count:总的会话数
  • Lifetime Page View Count:总的页面访问数,
  • is New Visitor:是否新访客

详解Data Element的类型

可以从上图知道,这些data element有些就是Local  Storage或Session Storage。


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

转载请注明标题:详解Data Element的类型
链接:https://www.ichdata.com/explain-the-type-of-data-element.html

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

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

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