input onclick点击button无反应_热图分析：精确洞察用户点击偏好

导读

易观方舟V4.4版本上线，值得一提的是，在上一版本中新增上线的“热图分析”功能，再一次升级，新增元素点击图(Web、APP)。

目前，易观方舟热图分析模型，支持分析 Web/H5 页面、APP 的点击位置、点击元素热度分析；此外，分析热图还新增元素点击图(Web、APP)，通过元素点击图可以精确了解每个元素被点击的数量。

▌什么是热图？

你是否思考过，你的页面上访客点了哪？他们认为哪里可以点？热图就是把用户的交互按照热度渲染出来的一个分析能力。

热图分析模型，是能够用热谱图直观呈现用户在网站、H5页面、APP上的点击、滚动行为，帮助产品、运营人员了解用户的点击偏好，辅助做页面设计优化、内容调整等。

不同类型的热图各有优缺点，比如：

点击位置热图，劣势是上报的数据量会增加，但可以非常直观的定性分析用户的探索性需求，发现非交互元素上意料之外的大量点击；

点击元素热图，过滤掉了部分不可点击的内容，对可点击元素可以集中定量分析，但就会不够直观。

▌易观方舟新增热图分析模型

在不同场景下选择适合的类型，目前方舟已经支持了 Web 端的点击位置热图、点击元素热图、浏览深度线，APP 端的点击位置热图和点击元素热图。

点击位置热图：渲染访客的点击行为，了解访客的喜好；

点击元素热图：查看网页里不同的元素被点击的次数和点击占比；

浏览深度线：帮你了解访客对于整个页面从上到下的关注度，表示的抵达区域留存，数值越低，代表越少访客关注到这。

浏览深度线

Web/H5热图

支持网站、H5 页面的点击位置热图、点击元素热图和浏览深度线，支持两种查看方式：

嵌入式——在方舟产品中查看页面热图，可切换不同的平台；

交互式——在原网站页面查看。

APP 热图

支持原生应用的点击位置热图和点击元素热图。

▌再次升级，分析热图新增元素点击图

Web热图

Web 端支持点击位置热图、点击元素热图和浏览深度线，支持在方舟网站中查看，也支持在网站原页面上查看。

点击元素热图

点击位置热图呈现的是用户任意位置的点击热度，用于定性的分析，发现预料之外的使用情况；而点击元素热图呈现的是用不点击可交互元素的点击的，用于定量分析具体按钮、链接等关键元素的点击情况。通常用于分析：

• 具体是哪些元素吸引了多少点击？占据了整页点击多少比例？

• 是否有不符合我们预期的失误诱导？在这里流失了多少用户？

• 在重要的按钮或元素上框选一下，看看留下点击的访问者来自于哪些渠道、具备哪些特征

可交互元素包括：

a标签、button、input、select、textarea、svg标签且含有x:href的子元素

同样支持嵌入式和交互式两种，默认显示TOP20点击次数的元素，点击热门元素列表可查看，其他可交互元素的移入元素可查看。

▌App热图

APP 热图目前支持Android、iOS 原生APP 的点击位置和点击元素热图；区别于 Web 端直接查看页面的热图，APP 端需要先连接 APP，获取页面，再查看当前选择页面的热图。

点击元素热图

————

30+ 位演讲嘉宾

6 大精选论坛，超过 30+ 热门议题

覆盖 8 大行业板块

2 场行业闭门专题交流会

1 场行业颁奖盛典

为期 3 天的行业盛宴

和你一起，精益成长！

☟