> For the complete documentation index, see [llms.txt](https://arkdocs.analysys.cn/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://arkdocs.analysys.cn/features/analytics/heatmap/app.md).

# APP 热图

APP 热图目前支持Android、iOS 原生APP 的点击位置和点击元素热图

{% hint style="info" %}
区别于 Web 端直接查看页面的热图，APP 端需要先连接 APP，获取页面，再查看当前选择页面的热图
{% endhint %}

## 使用前准备

需要 SDK 升级到 v4.3.0.1 及以上，设置 `autoHeatMap` 为 `true`，详见 [《Android SDK 集成指南》](/integration/sdk/android.md#she-zhi-re-tu-cai-ji) 和 [《iOS SDK 集成指南》](/integration/sdk/ios.md#she-zhi-re-tu-cai-ji)

## 1. 连接 APP 查看热图

进入热图APP页面后，经过以下三步即可查看热图

1. 在手机上打开已经集成了SDK的应用后，摇一摇
2. 选择要连接的设备
3. 选择要查看热图的页面

![](https://2207941107-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LaKVSdcX30MGZ24jKF_%2F-LdDQY6k9JfbiPOiiL0U%2F-LdDQpIRwcg493KyGkpz%2FAPP.gif?alt=media\&token=b0eb8b91-1d0d-4079-9962-6f8aa7343c9e)

### 点击位置热图

![](https://2207941107-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LaKVSdcX30MGZ24jKF_%2F-LmEePkL5WjkNZNC_hH4%2F-LmEfGt6CTEm8X4126En%2Fimage.png?alt=media\&token=f7ad6961-7f84-4e47-9544-7965e6fb61aa)

### 点击元素热图

![](https://2207941107-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LaKVSdcX30MGZ24jKF_%2F-LmEePkL5WjkNZNC_hH4%2F-LmEfNIxBBy6wVNJMHiX%2Fimage.png?alt=media\&token=371b88d4-e9ca-47e1-beb9-df7346ec7d80)

## 2. 辅助功能

### A 过滤条件

支持通过时间、分群、事件属性和用户属性过滤，满足分析在特定时间段特定人群行为的需求

默认会选中当前连接设备的屏幕宽高和应用版本，即查看的是当前设备大小的用户访问当前版本时的行为，用户可以重新修改条件。

<div align="left"><img src="https://2207941107-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LaKVSdcX30MGZ24jKF_%2F-LdDQY6k9JfbiPOiiL0U%2F-LdDSMQ01IqDeMRJG8ii%2Fimage.png?alt=media&amp;token=ca6bf780-596c-4a18-967e-b1297ce7f6df" alt=""></div>

### B 抽样计算

数据量较大时计算会慢，可以选择抽样

<div align="left"><img src="https://2207941107-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LaKVSdcX30MGZ24jKF_%2F-LdDQY6k9JfbiPOiiL0U%2F-LdDTJsE07hzNCYspFsa%2Fimage.png?alt=media&amp;token=98723880-576a-409a-9b97-a61cc3c6ca25" alt=""></div>

### C 强制刷新

当切换了页面时，热图不能即时刷新的情况下，可以选择强制刷新

### D 显示设置

* **D1 调整颜色范围**

&#x20;       可以调整最大值-最小值的颜色范围，以适应默认颜色区间在背景色上无法突出标识的情况

* **D2 调整背景透明度**

&#x20;        可以调整热图背景透明度，以适应默认透明度下部分背景网页可能无法识别的情况

![](https://2207941107-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LaKVSdcX30MGZ24jKF_%2F-LdDQY6k9JfbiPOiiL0U%2F-LdDTZLoCm0kNYexebbp%2Fimage.png?alt=media\&token=75bb1319-beaa-4a81-a5ee-1049d222d5e3)

### E 热门元素列表

查看点击元素热图时可查看热门元素列表

<div align="left"><img src="https://2207941107-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LaKVSdcX30MGZ24jKF_%2F-LmEePkL5WjkNZNC_hH4%2F-LmEgYtDIDY4Yv1r0Mug%2Fimage.png?alt=media&amp;token=9c30183d-2ac3-47d0-952f-03aaeb844f37" alt=""></div>

### F 断开连接

当不需要查看热图时，点击断开即可。

{% hint style="info" %}
以上内容没有解答我的问题？[点击我来反馈](https://support.qq.com/products/118522/) 🚀
{% endhint %}
