百度热力图是什么原理?

会牵涉我们的隐私么？

有关回应 · 2021-5-14 21:55:12

利益相关：同数据分析行业，并且 GrowingIO 最近推出了基于内容点击的热图。

目前常见的热图有 3 种：基于鼠标点击位置的热图、基于鼠标移动轨迹的热图和基于内容点击的热图，三种热图的原理、外观、适用的场景各有不同。
接下来，我会从热图有哪些类型、背后的原理是什么、产品经理该如何用好热图这几个方面来展开，给大家详细介绍下「热图（Heat Map）」。

一图胜千言！说到数据分析经常用到的图表，产品经理经常使用各式图表来提取或者表达信息，其中热图是常见的一种；在站点管理、界面优化、交互设计等场合，热图被产品经理们广泛应用。尤其是在交互设计越来越重要的今天，热图更是占据着不可替代的位置。

| 热图这么多，产品经理该怎么选？

热图（heat map）也称热力图，是以特殊高亮的形式显示用户页面点击位置或用户所在页面位置的图示。借助热图，可以直观地观察到用户的总体访问情况和点击偏好。

1.三种不同的热图及原理

目前常见的热图有 3 种：基于鼠标点击位置的热图、基于鼠标移动轨迹的热图和基于内容点击的热图，三种热图的原理、外观、适用的场景各有不同。

1）基于鼠标点击位置的热图（上图左），如百度统计的页面点击图，记录用户点击在屏幕解析度的位置。但是基于鼠标点击位置的热图不会追踪内容的变化而变化，只是记录相对时间内鼠标点击的绝对位置。

2）基于鼠标移动轨迹的热图（上图中），如国外的 MoseStats、Mouseflow 等，记录用户鼠标移动、停留等行为，热图多为轨迹形式。同样，基于鼠标移动轨迹热图不会追踪内容的变化而变化，只是记录相对时间内鼠标移动的的绝对位置。

3）基于内容点击的热图（上图右），如 GrwoingIO 热图，记录用户在网页内容上的点击，自动过滤掉页面空白处（没有内容和链接）的无效点击。基于内容点击的热图，最大特点是热图追踪内容变化而变化，记录用户相对时间内对内容的点击偏好。

2. 产品优化和热图选择

基于鼠标点击位置的热图和基于鼠标移动轨迹的热图，可以反映用户在页面位置上鼠标的点击、移动和停留偏好，站长管理员、产品经理、设计师等可以借助其对用户的访问偏好有一定的了解。

然而，当产品经理要开始优化产品设计时，前两种基于位置的热图也常常带来困惑。一是密密麻麻的热图柔化了效果，对精确信息表达不充分，产品经理很难抓住重点。二是热图的高亮色彩传递的是感性化的信息，不容易分辨具体的数值。三是相对时间内，热图只记录鼠标在绝对位置上的点击，无法追踪内容的变化。

更多时候，产品经理、运营人员更多关心的是用户在不同内容上（如每一篇文章、每一件商品、每一张图片等等）的点击偏好，然后才能有的放矢地进行优化。而基于内容点击的热图收集的是用户在不同内容上的点击情况，过滤掉了页面空白处（没有内容和链接）的无效点击。并且热图追踪页面内容的变化而变化，可以适应很多商业网站内容频繁更新的需要。

注：以上部分为热力图总体介绍和区别，下面会详细说下 GrowingIO 为什麽要做基于内容点击的热图，只是了解热图原理的同学看到这里就好啦。

| 看完热图，产品该如何优化？从热图中发现提高产品转化的重点

任何工具都应该以提升工作效率为目标。作为数据可视化的重要工具，热图应该帮助产品经理快速发现用户行为规律，帮助产品经理快速优化和迭代产品。基于强大的“无埋点”数据采集技术，GrowingIO 热图清晰地展示用户在页面不同内容上的点击偏好。那么，产品经理该如何用好这种强大的工具呢？

1. 用户“误点击”，还是设计不合理？

某 SaaS 产品在官网详细介绍了其核心功能，并在首页设置了 4 个功能分类。很多访问用户以为功能介绍可以点进去，然后就不停地点击，却发现根本就没反应。实际上，这 4 个功能介绍就未设置链接。产品一开始认为这是用户“误点击”，但是以【自定义分析】功能为例，查看详细数据，发现工作日每天竟然有 1k-2k 的用户点击了该功能。

这样的设计对用户体验非常不友好，不但浪费了用户点击，而且无形中降低了用户的访问深度。产品经理可以尝试在该位置添加功能详情的链接，以满足用户的好奇或者需求，同时提高用户的访问深度。

2. 毫厘必争的网页，如何优化内容？

对于流量巨大的网站（如电商网站、新闻资讯网站、门户网站），网页上一块小小的区域也意味着巨大的点击量和营业收入。热力图可以帮助产品经理快速了解用户的点击偏好，然后根据访问点击的多少，快速优化内容。

为了方便访问用户快速找到内容，我们的技术博客在网页右侧设置了【热门文章】和【热门标签】两个栏目。观察基于内容的热图，却发现下方的【热门标签】获得了比【热门文章】更多的点击。既然用户对我们博客推荐的内容不感兴趣，我们是不是考虑优化一下内容推荐？

3. 相同结构的网页，难道要一张一张分析？

现在的网站有大量相同结构的页面，如电商的商品页、媒体资讯的文章页、SaaS 产品后台等等。以电商网站的商品页为例，虽然商品详情页商品信息不一样，但是都在相同的位置有商品照片、库存情况、价格、商品规格参数、用户评论、加入购物车等等内容。下图展示的是我们技术博客的文章页面，虽然不同文章的内容不一样，但是每个页面都有网页导航栏、文章导航栏、热门文章、热门标签等等元素。

通过路径设置，可以看到跨页面的热图效果，产品经理可以对大量相同结构的页面进行快速的分析和优化。

在《精益创业》中有一个非常流行的概念——最小可行性产品（MVP），强调通过“验证性学习”来快速迭代产品。GrowingIO 热图基于内容点击的原理，是希望能够帮助我们发现问题、提出假设，然后快速验证或者推翻假设，直至找到最终的解决方法。

冰冻三尺，非一日之寒，在 idea-product-data 的不断迭代中，热图应该成为产品经理进行数据分析的必备工具。

注：文中第二部分「热图」功能截图来自 GrowingIO 硅谷新一代数据分析产品。

有关回应 · 2021-5-14 21:55:13

就像广场草坪，如果设计得不合理，没有铺设石子步道，很多人会抄近道横穿草坪直达对面的建筑物，时间长了即使没有路也走出路来，如果从高处俯瞰的话，很容易判断出哪个建筑物哪个位置的店铺是客流最集中的“旺铺”。同样的，我们也希望了解用户在网页上的关注点在哪里，尤其对于官网首页来说，信息密度极高，用户究竟是如何点击？如何浏览的？

按计算维度划分，热图可以分为点击热图和浏览热图。点击热图追踪的是鼠标的点击情况，进行人数、次数统计并基于百分比进行热力分布，浏览热图（也称注意力热图）记录的是用户在不同页面或同一页面不同位置停留时间的百分比计算。前者基于点击计算，后者基于停留时长计算。

点击热图又分为两种，一种是鼠标的所有点击，一种是页面可点击元素的点击。前者可以追踪页面上所有可点击和不可点击位置的被点击情况，后者只追踪页面上可点击元素的点击情况。两者各有不同的应用场景，但当用户行为数据的采集和分析被重视起来后，热图与热图之间的差别逐渐变得更模糊。因为对于同一个分析目标和需求，有时候我们能找到更优的分析模型和方案。

当然，在诸葛io的热图分析模型，我们又增加了一些更重要的特性。

[h1]热图分析模型中的新特性[/h1]1、面向特定人群的分析与人群对比
过去对人群的划分基于环境属性，比如ip、设备、网络环境，基于用户生命周期的划分仅停留在新老用户的区分。缺少对于用户更深维度的划分，比如理财产品要为投资用户和未投资用户提供两个落地页，在诸葛io分析平台，可以快速进行用户分群，并交叉热图分析模型进行对比。

某理财产品（图示数据为脱敏数据）

通过点击分析，我们可以看到不同用户登录后在首页的整体流量走向：已投资用户对“我的账户”更感兴趣，其实也很容易猜想到原因：同样在登录状态下，已投资用户更关注收益情况和资金安全情况，而未投资用户更关注理财产品特点、收益和安全资质，同时由于并没有充钱所以并不关注账户。因此，我们可以根据不同用户的需求提供更具个性化的首页。

2、聚焦分析
热图在视觉上给我们更直观的对比，对于关键的分析，我们依然需要进行量化，在诸葛io的热图分析模型，我们加入了聚焦分析，每一个热度背后的点击统计和百分比都有清晰的计算。特别是对于特定人群和人群对比的数据计算。

某理财产品（图示数据为脱敏数据）

tips：
点击率= 点击次数/当前页面的浏览次数
聚焦率=点击次数/当前页面的点击总次数

[h1]应用场景[/h1]点击分析让产品设计人员、运营人员更加直观的对比和分析用户在页面的聚焦度，页面浏览次数，页面内各个可点击元素的点击人数等数据指标。

1、落地页效果分析
落地页是用户与产品交互的第一“触点”，落地页的设计与体验将直接影响用户的转化，通过点击分析即可快速衡量落地页的转化率。

麦子学院基于诸葛io热图分析模型的分析（图示数据为脱敏数据）

我们以麦子学院为例，设计师会通过页面点击情况分析用户进入落地页后的流量走向，用户更聚焦哪些功能？哪些功能流量大但却比较隐蔽？对于大流量的入口是否还有其他信息可以一同展示从而增加曝光？对比新老用户、不同渠道来源、购买与未购买等不同用户群的行为差异，针对不同客群特点采取有针对的活动策略。

2、首页流量追踪
首页在官网中的重要性是非常高的，首页设计的合理性关系着用户是否能够找到信息和完成任务。

金融产品官网首页（图示数据为脱敏数据）

3、关键页体验衡量

诸葛io旧版官网首页（图示数据为脱敏数据）以诸葛io官网为例，由上图旧版官网首页点击分析的界面，可以看到“注册试用”在官网上有两个位置，一个位于右上角，一个位于“体验demo”的左侧，但是点击人数都不高，从业务角度讲，引导用户尽快完成注册和体验demo是首页中最核心的诉求，通过点击分析数据可以为页面改版找到一些方向：比如，在合适的位置将“注册试用”改为“免费试用”，调整话术减少用户的抵触心理。

作为信息时代兼具客观性和易用性的数据分析模型——热图分析，可视化的数据呈现，帮助你快速发现数据背后的问题，为网站的优化提供有力的数据支撑，关注点击行为的同时更关注不同特点用户的浏览习惯，为用户呈现个性化的产品价值。

客户：东易日盛 | 向上金服 | 光明随心订 | TutorABC | 麦子学院
指标：病毒传播系数 | 复购率 | 粘性 | 漏斗 | 太阳图 | KPI
行业：新零售 | 在线教育 | 科技金融 | 共享单车 | 装修 | 内容社区
产品：改版评估 | 埋点需求文档 |
运营：用户运营 | 跨应用市场追踪 | 推送策略 | 运营阶段
市场：推广三要素 | 智能触达 | 精准推送
其他：行为数据基础篇 | 客户成功 | 采集模型 | 广告监测

[h1]关于我们：[/h1]诸葛io定位于为企业提供基于用户行为数据的采集、分析和营销的整体解决方案。是国内领先的数据智能服务商 www.zhugeio.com
目前我们正在为互金/教育/新零售/保险/汽车等行业提供大数据整体解决方案并提供咨询服务。服务客户有：光明随心订、食行生鲜；人人贷、阳光保险、众安保险、平安；宝马、奥迪、大众、NEVS；饿了么；东易日盛等

有关回应 · 2021-5-14 21:55:14

1、地图热力图
按由深到浅的颜色来表示数据的从大到小、集中到稀疏，通过高亮的形式显示访客热衷的页面区域和访客所在的地理区域的图示。

（全国火锅店热力图分布）

（上海区域热力图）

（北京区域热力图）

2、如何用BDP3步玩转地图热力图
数据地图的制作一般分为3个过程，即上传数据—拖拽成图—润色完成。
1）上传数据：数据上传后，在工作表右上方点击“添加图表”—“新建图表”，选择需要的工作数据（可选择多个工作表数据哦）；

2）拖拽成图：先拖拽工作表至图层，再拖拽经纬度、维度数值，然后选择热力图即可；

注：若只有省份地址，没有具体的经纬度数据，可以用BDP的“地址转经纬度”功能，瞬间就把地址转成具体的经纬度，分析也很精确~

3）热力图“润色”可设置颜色、尺寸，也可以对地图进行放大缩小（鼠标滑动即可），操作很简单；

做好的地图能通过链接分享给好友，也可以直接分享到各大社区，如下图~

热力图可参考此链接：https://me.bdp.cn/share/index.html?shareId=sdo_08249593ca50cc7497ecbb145d84c80c

3、地图热力图有什么用呢？
热力图应用于很多物流、O2O等企业，比如物流，他们通过区域订单梳理和仓库位置进行地理匹配，找出最科学的仓库位置，规划最优配送路线，合理安排车辆、人力，更好地进行资源分配，节约资金。其实相似的场景案例特别多，通过发现KFC的特点来进行分店铺选址、通过热力图发现食道癌集中于广东潮汕和河南林县、通过城市各小区数据来对比进行购房、通过地图了解各景点的人流情况来制定合适的旅行地点和时间、通过地图分布了解不同地区的饮食习惯选择经营的店铺类型等等。
4、其他地图类型
1）地图气泡图

（这个气泡点是会动的，具体效果见链接最后一张图：https://me.bdp.cn/share/index.html?shareId=sdo_08249593ca50cc7497ecbb145d84c80c）
2）地图海量点状图：单个地理坐标显示为点，呈现点状分布。

3）地图统计图：在地图上显示饼图、柱状图、条形图，瞬间感觉自己的地图高大上

有关回应 · 2021-5-14 21:55:15

数据行业相关从业者，从网站分析的角度系统介绍一下热力图的原理和使用。
另外，Ptmind铂金智慧的数据分析&热图工具Ptengine一直是国内外的行业领先。

“热图”是指网站页面上“用户活动”分布情况的直观体现——根据用户产生的浏览行为，如页面上元素的点击次数、区域的停留时长和访问深度等，在相应区域使用不同的颜色来体现。
它直观并且迅速，不需要你在分析工具中分析大量的页面访问量、元素点击次数等定量数据。热图会直接利用对点击，注意力和鼠标滚动的追踪等方式生成用户行为的可视化报告。

利用热图，你可以详细分析用户在网站上浏览的行为轨迹，了解到页面上的模块和内容是否放置在恰当的地方，以及用户是否注意到了你设置的召唤按钮（Call-to-action：页面上醒目突出的按钮，用于“召唤”用户点击这个按钮，比如“立即注册”）。除此之外，用户的点击和与鼠标滚动的相关数据都可以通过热图获得。
下面我们介绍几种典型的热图，帮助你更好地理解和使用。

点击热图
顾名思义，点击热图展示了用户在页面上的点击位置，点击越集中的地方，色调越暖（红色），反之则色调越冷（蓝色）。其中点击分布图对于准确测量页面中的动态元素特别有效，例如自动翻页的标题、下拉菜单（尤其是电商网站上的那些产品品类按钮）和链接等。

这是非洲一家房产销售公司使用Ptengine点击热图得到的着陆页详情。查看热图，你会发现许多用户点击了图片。用户此时应该是想继续了解房屋的其他信息，他们希望这个图片有超链接，能引导他们去某个详情页。该公司发现这个问题之后，为所有图片添加了跳转链接，极大提升了用户访问深度，增加了网站的订单量。

这也是Ptengine的点击热图，我们看到除了展示点击位置的分布，它也提供精确分析，展现用户在每个区域的具体点击数和占比，根据它你很容易找出那些高频次点击的区域，了解到用户点击了哪些被你忽略的地方，用更精确的方式验证你的召唤按钮和链接是否放置正确。

注意力热图
注意力热图是根据用户实际浏览页面各部分的时长，显示用户在某个内容板块的注意力程度，浏览时间越久的区域热度越高（红色）。

上图是捷克一家美食网站使用注意力热图得到的页面详情，红色部分表明用户关注这部分区域（内容）的时间比其他区域（比如上下的黄色区域）更长。红色区域的商品聚集了大量用户的注意力，它们是用户最感兴趣的部分。我们应该把这部分商品作为网站销售的重点，尽可能创造更大的商业收益。
通过注意力热图，你可以了解到网页哪些内容吸引用户，哪些内容你认为重要而用户却不感冒，最佳的页面长度是多少，以及哪些元素促使用户继续和你的网站产生交互或再次访问。

浏览触达率热图
浏览触达率热图使用水平线把页面分割成不同的区域，通过监测用户浏览页面时鼠标滚动的情况，显示用户触达到页面某区域的占比。例如下方Ptengine的浏览触达率热图，直观展现了用户浏览到达不同页面深度的占比（比如图中的数据52%，代表这个页面的所有访客中，只有52%的用户浏览到了这个区域）。利用它你可以优化关键内容的摆放位置，把用户关注度高或者重点宣传的产品和信息放在触达率更高的区域。

比如，我经常会发现很多网站的长页面，下端区域只有30%左右（甚至更低）的用户浏览到。但通过注意力热图，发现该区域的用户关注度相对其他区域高出很多（红色），那么基本可以考虑这个区域的内容是否更吸引用户？通过点击热图可以对这种考虑进行二次验证，如果正好这个区域也产生了大量的点击，那么可以肯定用户更加关心这里的内容，应该把它上移，让更多的用户看到。

例如上图所示，页面底端的热销风云榜是用户最关注的内容，我们应该将这部分内容提高到页面较上方的位置，让更多的用户看到，提高转化，从而提升网站收益。

移动端热图
随着手机和平板等移动设备的普及，移动端的热图已经变得越来越重要。然而分析移动端的用户行为一直是一件相当棘手的事，移动端设备有着不尽相同的型号，屏幕尺寸和操作系统等。即使是同一个用户，在使用不同设备浏览同一页面时，产生的用户行为也是截然不同的。
Ptengine的热图可以很轻易地展示这些差异，它会根据终端设备，型号，操作系统，浏览器，屏幕分辨率等因素的不同，分析用户在不同场景下如何使用你的网站，帮助你更有效地设计和运营移动端的页面。

上图是某网站在不同设备上的首页热图。通过点击热图我们发现，该横幅在PC上点击较多的区域由于SP屏幕的限制未能被显示，使得用户点击的重点发生了变化。通过注意力热图我们发现，SP上用户对这条横幅的浏览时间更长，关注度要更高(呈红色)。
通过上述比较能看出来，「PC网站浏览用户」和「SP网站浏览用户」阅览网站的方式和内容是有差异的。在不同终端用户需求内容不一样的情况下，根据不同使用场景对关键区域做一些差异性的优化设计，往往能对用户起到更好的引导作用。

热图对比
孤立地去看某个热图并不能完全洞察你的用户，对比分析不同用户分群的热图才能真正挖掘数据背后的价值。Ptengine的热图对比功能非常强大，可以实现多种情况下多种细分条件的比较。

例如，对比不同时段的同一页面，可以帮你找到用户访问的黄金时段；对比相同时段，不同细分条件的同一页面（比如新用户和老用户），可以帮你针对不同群体更好地进行差异化设计；对比相同时段，不同终端设备的同一页面，可以帮你调整页面的响应式设计，更好地适应不同尺寸的屏幕。

未来的互联网营销，必然会经历从粗犷到不断精细的过程。热图作为直观、快速、高效的可视化工具，将在以后的数据分析中占据非常重要的地位。

对Ptengine和热图感兴趣的朋友，可以访问Ptengine官网注册并免费使用。0
Ptengine-让数据分析化繁为简

有关回应 · 2021-5-14 21:55:16

百度热力图的出现，预示着我们大数据时代越来越近了。

（成都市热力地图）

热力图的数据来源，主要是靠APP和网络授权手机定位和通话记录来的。如图

这是我手机对百度地图客户端的授权管理和授权日志

可以看到，与安全相关的授权是？（需要询问）和 x（拒绝）。而与隐私相关也是授权了定位和手机识别码。虽然会有信息（地点位置，本机号）流出，但只要百度公司把控好信息安全，总得来说也不会有太大的隐私泄露。比起什么亚马逊（不仅网上在抱怨，本人也亲身经历过亚马逊对客户的信息是有多么的不尊重！）之流会好太多，题主也不用太担心。
以上。

百度热力图是什么原理?

5 个回复

浏览过的版块