mip-stats-mta 腾讯移动分析 mta

优质
小牛编辑
130浏览
2023-12-01
标题内容
类型通用
支持布局N/S
所需脚本https://c.mipcdn.com/static/v2/mip-stats-mta/mip-stats-mta.js

说明

MIP 腾讯移动分析mta组件基于腾讯移动分析 H5分析接入,请参照 API 将参数配置在 MIP 页。目前事件追踪支持 click, mouseup, 其它事件暂不支持。

示例

MIP 提供腾讯移动分析的插件,提供实时数据统计分析服务,需要提前到腾讯移动分析平台 [https://mta.qq.com] 注册账户,之后创建HTML5应用,最终生成 JS SDK 代码,根据代码生成的参数,填入 MIP 组件。

注意:刚注册完毕有20分钟内上报可能会出现502,是注册应用未同步的原因,属正常情况 如果上报成功,在浏览器的 network 中有发起 pingtcss.qq.com 或者 pingtas.qq.com 的请求,并且状态码为200

MIP 组件通过 JSON 数据引入:

<mip-stats-mta>
  <script type="application/json">
    {
      "version": "v2.0.4",
      "name": "MTAH5",
      "sid": "500671073",
      "cid": "500671075",
    }
  </script>
</mip-stats-mta>

事件追踪:

通过在页面元素中加上H5点击上报代码,来统计事件的点击次数。

<button data-stats-mta='{"type":"click","data":["test666666", {"pramaid":"2asjue1323"}]}'>click me!</button>

属性

version

说明:mta 版本号,以官方提供的为准,默认为'v2.0.4'

必填:是

格式:字符串

name

说明:mta 管理后台自动生成代码中的参数 name

必填:是

格式:字符串

sid

说明:mta 管理后台自动生成代码中的参数 sid

必填:是

格式:字符串

cid

说明:mta 管理后台自动生成代码中的参数 cid

必填:是

格式:字符串

事件追逐属性:

属性data-stats-mta

type

说明:对应的触发事件(click 点击触发)

必填:是

格式:字符串

data

说明:用于自定义采集数据配置参数。数组第一个参数表示,事件列表中添加的事件ID,ID需要先在MTA前台配置好才能生效。数组第二个参数表示,事件参数,参数需要先在MTA前台配置好才能生效。

必填:是

格式:字符串数组

data-stats-mta 双引号配置方法

data-stats-mta 值必须 encodeURIComponent 处理, 方法如下:

// 理想配置
{"type":"click","data":["test", {paramid:"true"}]}

// 处理配置方法
encodeURIComponent(JSON.stringify({"type":"click","data":["test", {paramid:"true"}]}))
<!-- 最终DOM配置效果 -->
<div data-stats-mta="%7B%22type%22%3A%22click%22%2C%22data%22%3A%5B%22test%22%2C%7B%22paramid%22%3A%22true%22%7D%5D%7D"></div>