免费无广告的统计工具TalKingData

红太狼 2022-04-17 05:08 343阅读 0赞

给大家介绍一个移动端、网站的无广告统计工具

通过研究友盟、百度统计发现在底层的js中存在广告，而且上线使用的时候时不时的就冒出来一个广告 ，给用户的体验很不好，于是我们就做了研究最后选择网站统计使用的TalKingData 我们的移动端原生项目还用的是友盟的统计

##  一、名称 TalKingData ##

**官网**

[https://account.talkingdata.com/api/v1/center?languagetype=zh\_cn][https_account.talkingdata.com_api_v1_center_languagetype_zh_cn]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl8zOTcwNjQxNQ_size_16_color_FFFFFF_t_70][]

## 二、选择 开通 ##

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl8zOTcwNjQxNQ_size_16_color_FFFFFF_t_70 1][]

## 三、使用帮助  ##

创建应用中有个应用平台这块就可以选择 小程序 安卓 ios windows web 统计那个选那个

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl8zOTcwNjQxNQ_size_16_color_FFFFFF_t_70 2][]

帮助文档链接：[http://doc.talkingdata.com/posts/36][http_doc.talkingdata.com_posts_36]

## 适用范围 ##

App Analytics Html5统计适用于FireFox 3.0、Opera10.5、Chrome 4.0、Safari 4.0及更高版本。 如果使用微信浏览器、微博浏览器，UC浏览器，请务必在集成后进行真机测试。

## 集成准备-创建应用并获取App ID ##

App ID是TalkingData分析平台标识一款独立应用/游戏的唯一标识，集成SDK前需要在TalkingData报表中创建应用/游戏并获取相应的App ID。  
**步骤：**  
1）注册并登录[https://www.talkingdata.com/][https_www.talkingdata.com] ，选择App Analytics产品线  
2）创建应用并获取App ID。如果已创建了应用，请从“应用管理->基本信息”中查看App ID。  
**说明：** TalkingData支持多平台使用相同的App ID。

## 集成准备-统计标准说明 ##

基础统计指标定义：  
1）新增用户：HTML5中“用户”指一个浏览器用户，或应用内的WebView用户。 同一个浏览器中我们会保持用户的唯一性，即使清缓存等操作仍可保持较高稳定性；跨浏览器使用会记为多个用户。  
2）用户的一次使用：指用户从打开HTML5界面至离开界面的完整过程。  
3）自定义事件：指用户在HTML5中进行了特定的操作或达成了特定的条件。例如：用户点击了广告栏、用户进行付费等。 自定义事件用于收集任意您期望跟踪的数据。

## 快速集成-导入Web SDK ##

在工程的全部页面的内加入：

//对于普通的http连接网站，使用的调用地址：
    <script src="http://sdk.talkingdata.com/app/h5/v1?appid=APPID&vn=应用版本名称&vc=应用版本id"></script>
    //如果您的网站使用https连接，请使用以下地址：
    <script src="https://jic.talkingdata.com/app/h5/v1?appid=APPID&vn=应用版本名称&vc=应用版本id"></script>

注意：  
1）全部页面中都需要增加调用，建议在head位置内添加，可获得最完整数据。  
2）如果您使用普通的http 协议，在数据传输的过程存在被劫持(包括不限于：JS代码注入等)的可能性，造成您的H5页面中出现诸如：未知的广告或者原网页重定向等现象。为了降低此类事件发生的可能性，TalkingData 建议您使用https 协议，以确保数据传输过程的完整性，安全性。

示例如下：

<!DOCTYPE html>
    <html>
       <head>
         <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
         <title>H5 SDK</title>
         <link rel="stylesheet" type="text/css" href="css/style.css" />
         <script src="http://sdk.talkingdata.com/app/h5/v1?appid=1241132132&vn=name&vc=1.0.1"></script>
       </head>
       <body></body>
    </html>

说明： 1）App ID获取方式参见“集成准备-创建应用并获取App ID”；  
2）vn=应用版本名称，选填。  
例：正式版v1.0 此项用于区分您的应用版本，填写后可在报表中过滤版本来查阅数据。支持字符串类型，32个字符以内，不可以包含任何特殊转义字符。未填写时版本将记为“未知”；  
3）vc=应用版本id，选填。例：1.23.5421 此项填写版本详细ID，如一个发布的版本会维护很多build，可以填写此项来作为区分。

## 基础-基础统计 ##

导入SDK后，则完成了基础集成，系统将自动跟踪用户进入应用的行为，可以跟踪用户进入和离开应用，准确统计新增、启动、活跃、留存等指标。  
重要说明：  
请务必保证已正确导入SDK并按实际情况修改App ID等相应参数。

## 基础-渠道统计 ##

### 1、用途和用途 ###

跟踪每个分发渠道或推广活动给HTML5应用带来的流量，可以使用渠道网址构建的方式来实现。  
重要说明：  
1）如果您的地址中已经有了“？”参数，不需写多个问号，只需要在我们的参数前增加“&”符号。如：？XXXXX=XXXX(其他参数)& td\_channelid=channelname；用户从渠道地址跳转进应用后，当次完整的访问数据都归给对应的渠道；  
2）“channelname”最多包含64个字符，支持英文、数字、下划线，但不能包含空格或其他的转义字符；  
3）请将ChannelID这个参数加在“？”之后，“\#”之前。

### 2、接口及参数 ###

**接口：** 在想要推广的网址中追加以下参数后缀，即可追踪渠道来源：

？td_channelid=channelname

**参数：**

<table> 
 <thead> 
  <tr> 
   <th>参数</th> 
   <th>类型</th> 
   <th>描述</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>channelname</td> 
   <td>String</td> 
   <td>渠道ID。最多包含64个字符，支持英文、数字、下划线，但不能包含空格或其他的转义字符。</td> 
  </tr> 
 </tbody> 
</table>

### 3、示例 ###

例如：您应用的入口地址是http: //abc.acbapp.com/abc.html，分别在名称为app123的网站、名称为haoApp999的App、名称为niceApp微信公众号做推广， 只需要为他们提供以下三个不同的点击跳转地址，即可跟踪来源量。

http://abc.acbapp.com/abc.html？td_channelid=app123
    http://abc.acbapp.com/abc.html？td_channelid=haoApp999
    http://abc.acbapp.com/abc.html？td_channelid=niceApp
    http://abc.acbapp.com/abc.html?params1=aaa&td_channelid=app123#123

## 高级-页面访问 ##

导入SDK后，则完成了页面访问的统计。 对于采用单页面技术实现的H5应用，由于无法准确监测到页面间跳转而导致页面统计数据偏少，所以在这种情况下建议采用自定义事件方式对每个页面进行追踪。

## 高级-自定义事件 ##

### 1、用途和用法 ###

自定义事件用于统计任何您期望去跟踪的行为数据，如：点击某功能按钮、填写某个输入框、触发了某个广告等；同时，自定义事件还支持添加一些描述性的属性参数（可选），用于对事件发生时的状况做详尽分析。

### 2、接口及参数 ###

**接口：** 为了让您使用上最简单，事件不需要在平台预先定义，可直接调用；我们也准备了不同使用深度的调用方法，根据需要来选用：  
1、跟踪一个简单的行为事件。调用方法：

TDAPP.onEvent(EventId);

2、带有Label标签的事件。可理解Label是事件的子分类。 如多个不同行为属于同一类型，可以将EventID作为一类事件的目录名，用Label来区分每个行为事件。调用方法：

TDAPP.onEvent (EventId，Label);

3、带参数的事件。 为事件添加详尽的描述信息，可以更有效的对事件触发的条件和场景做分析，每一次行为都可以添加多种参数来进行描述，调用方法：

TDAPP.onEvent (EventId，Label，MapKv);

**参数：**

<table> 
 <thead> 
  <tr> 
   <th>参数</th> 
   <th>类型</th> 
   <th>描述</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>EventId（必须）</td> 
   <td>String</td> 
   <td>自定义事件ID&nbsp;<br> 64个字符以内的中文、英文、数字、下划线，不要加空格或其他的转义字符</td> 
  </tr> 
  <tr> 
   <td>Label（可选）</td> 
   <td>String</td> 
   <td>一个事件的子分类&nbsp;<br> 64个字符以内的中文、英文、数字、下划线，不要加空格或其他的转义字符</td> 
  </tr> 
  <tr> 
   <td>MapKv（可选）</td> 
   <td>Json</td> 
   <td>事件的参数信息，描绘发生事件时的属性和场景。<br> Object键值对中的value如果是Number类型，服务器会做sum/avg之类的处理；如果是其他类型，按string对待，做次数统计</td> 
  </tr> 
 </tbody> 
</table>

### 示例 ###

**示例1：** 使用自定义事件记录广告点击行为。调用如下：

TDAPP.onEvent(“点击Banner广告”);

**示例2：** 如果广告在多处存在，或广告以轮播方式呈现，可使用Label标签标记不同位置。调用如下：

TDAPP.onEvent(“点击广告”，“Banner广告位第一屏”);
    TDAPP.onEvent(“点击广告”，“详情页侧栏上部”);

**示例3：** 如果还想了解点击广告时候的属性和场景，可应用参数事件。调用如下：

var kv = {“广告内容”：“电商双12大促“，“促销品价格”：”100~400RMB“，“广告素材类型”:”图片”}；
    TDAPP.onEvent(“点击广告”，“Banner广告位第一屏”，kv);

# #

[https_account.talkingdata.com_api_v1_center_languagetype_zh_cn]: https://account.talkingdata.com/api/v1/center?languagetype=zh_cn
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl8zOTcwNjQxNQ_size_16_color_FFFFFF_t_70]: /images/20220417/08807c82276b49b7a8623c2ed7fcd44c.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl8zOTcwNjQxNQ_size_16_color_FFFFFF_t_70 1]: /images/20220417/9b726d3022494e609c5c93b47758449b.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl8zOTcwNjQxNQ_size_16_color_FFFFFF_t_70 2]: /images/20220417/1592357740534071a415627c96635053.png
[http_doc.talkingdata.com_posts_36]: http://doc.talkingdata.com/posts/36
[https_www.talkingdata.com]: https://www.talkingdata.com/