热图让H5营销更简单

热图让H5营销更简单

由于H5页面的设计多样性以及对微信平台的高度适配,最近两年它不仅成为了各类品牌传播的秀场,更是企业销售和App下载的利器。在H5页面的种类和制作越发多样的大背景下,如何优化页面设计、提高传播效果和转化率,是每个运营人必须了解的技能。

而热图,一种与H5页面搭档的简单快速的数据分析工具,通过全面监测流量情况和用户行为,利用点击热图、注意力热图和浏览触达热图等生成直观的可视化报告,可以精确地判断H5页面的传播效果,帮你选择最优的页面设计方案。

例如下图的设计,这个向下的标志误导了很多用户,让他们误以为还有其他活动说明,但其实这个按钮并没有任何的作用。这些细微的设计让用户产生的困惑将很大影响传播的效果。

啊啊啊

那么,如何利用热图工具监测你的微信H5页面呢?我们以Ptengine(一款已经在日本和欧美市场拥有很好的用户基础的产品)为例,帮助大家更好地理解和使用热图。

首先,注册并登录Ptengine(www.ptengine.cn)。首次登录时,系统会自动弹出窗口,添加新档案。

停停停2

例如,你想要监测的页面链接是https://www.ptengine.cn/ie=u8&f/sakjg,只需在图中选框内填入主域www.ptengine.cn即可。

然后,系统会生成一段代码,需要你手动添加到自己的页面中。

上午

如果是技术人员使用代码自行编写的H5页面,你需要将监测代码添加到所需要分析页面的<body>与</body>之间;

如果是使用第三方H5制作工具生成的页面,你需要在页面制作时,找到“设置—第三方统计代码”,再将监测代码添加进对应选框内,如下图所示。   

yi

 

 

 

 

 

 

添加完成后,点击 “检查”了解代码添加是否正确。 如果添加失败,你可以联系技术同事寻求帮助,或联系工作人员 contact@ptmind.com。

需要注意的是,现在市场上主流的H5制作工具中,只有M1的付费版提供了添加第三方统计代码的服务,其他工具暂不支持。

现在,你可以在Ptengine中看到H5页面的数据和热图了。

yyy

QQ图片20161116182236QQ图片20161116182206

例如上图所示,你不仅可以看到浏览量,平均停留时间和跳出率等数据;还可以使用热图发现用户点击和关注的区域,优化页面布局和交互;从而改善用户体验,提升转化。

看到这里,你是不是也想利用热图制作一个被广泛传播的H5页面?

对Ptengine(铂金分析)感兴趣的朋友,可以使用邀请码“h5”,在www.ptengine.cn上注册并免费使用。

发表评论

电子邮件地址不会被公开。 必填项已用*标注