{"id":1263,"date":"2020-09-18T13:54:30","date_gmt":"2020-09-18T05:54:30","guid":{"rendered":"https:\/\/help.ptengine.jp\/?post_type=docs&#038;p=1263"},"modified":"2025-03-28T16:10:05","modified_gmt":"2025-03-28T08:10:05","slug":"heatmap-overview","status":"publish","type":"docs","link":"https:\/\/help.ptengine.com\/docs\/heatmap-overview\/","title":{"rendered":"Heatmap-Overview"},"content":{"rendered":"<h2>What is a Heatmap?<\/h2>\n<p>While the Data Center provides a wealth of quantitative metrics, heatmaps help you understand the\u00a0<em>why<\/em>\u00a0behind the data. Heatmaps visualize user behavior, enabling a more intuitive grasp of user interaction with your pages and providing deeper user insights and understanding. Especially when page performance is underperforming, heatmaps, combined with segmentation, allow for rapid problem identification. Furthermore, after page optimization or redesign, heatmaps offer a quick and clear way to evaluate the effectiveness of those changes.<\/p>\n<p>Insights Gained from Heatmaps:<\/p>\n<ul>\n<li>Understand User Interests:\u00a0Identify which content areas capture user attention.<\/li>\n<li>Validate Content Relevance:\u00a0Check if user engagement aligns with intended content focus and adjust as needed.<\/li>\n<li>Identify Ignored Content &amp; Drop-off Points:\u00a0Pinpoint content areas users overlook, or that may even cause them to leave the page.<\/li>\n<li>Optimize Content Strategy:\u00a0Consider reducing or removing content that is irrelevant or detrimental to user engagement.<\/li>\n<li>Identify Conversion-Driving Content:\u00a0Discover content elements that contribute to conversions.<\/li>\n<li>Optimize Conversion Paths:\u00a0Check if Conversion-Driving Content is near CTAs, and utilize it for exit-intent offers to retain abandoning users.<\/li>\n<li>Evaluate CTA Effectiveness:\u00a0Understand if CTAs are prominently placed and easily found, if their visibility is sufficient, and if their copy is compelling.<\/li>\n<li>Validate Expected User Interactions:\u00a0Confirm if user interactions on the page are aligning with your intended user flow and design.<\/li>\n<li>Uncover Unexpected Interactions:\u00a0Identify unexpected clicks that may require UI optimization or the addition of new interactive elements.<\/li>\n<\/ul>\n<h3>Entry path:<\/h3>\n<p>From Data Center:\u00a0Quickly access heatmaps for a specific page directly from the Page module within the Data Center.Heatmap Tab:\u00a0Navigate directly to the Heatmap module via the Heatmap tab to quickly find and analyze any page.Experience Module:\u00a0Rapidly view heatmaps for experiment pages directly within the Experience creation interface.<\/p>\n<h2>Heatmap type overview<\/h2>\n<p>Click heatmaps are used to view user interaction with a page. Areas with concentrated clicks indicate content that is of interest to users.\u00a0It is recommended to first check if there are concentrated clicks on CTAs (Calls to Action). Secondly, review the interaction of other interactive elements, such as: whether the banner on the homepage attracts user clicks, whether popular products on listing pages receive sufficient clicks, which modules in the menu bar have higher engagement, and so on.<\/p>\n<h3>Click heatmap<\/h3>\n<p><img src=\"https:\/\/help.ptengine.com\/wp-content\/uploads\/2020\/09\/image-43.png\" alt=\"\" \/><br \/>\nClick heatmaps are used to view user interaction with a page. Areas with concentrated clicks indicate content that is of interest to users.\u00a0It is recommended to first check if there are concentrated clicks on CTAs (Calls to Action). Secondly, review the interaction of other interactive elements, such as: whether the banner on the homepage attracts user clicks, whether popular products on listing pages receive sufficient clicks, which modules in themenu bar have higher engagement, and so on.<\/p>\n<h3>Attention heatmap<\/h3>\n<p><img src=\"https:\/\/help.ptengine.com\/wp-content\/uploads\/2020\/09\/image-44.png\" alt=\"\" \/><br \/>\nAttention heatmaps are used to view the distribution of user attention. Areas of high attention are often content that users are interested in.\u00a0Focus on checking if there are areas of high attention in positions where user retention is low. The value of this content may be underestimated, and you can try moving the content higher up on the page.<\/p>\n<h3>Analysis heatmap<\/h3>\n<p><img src=\"https:\/\/help.ptengine.com\/wp-content\/uploads\/2020\/09\/image-45.png\" alt=\"\" \/><br \/>\nAnalysis heatmaps allow you to view the exact number of clicks and click percentage for each area\/element, providing concrete click data for each key interaction.\u00a0In analysis heatmaps, selecting non-interactive elements can help you more accurately discover accidental clicks.<\/p>\n<h3>Comparison heatmaps<\/h3>\n<p><img src=\"https:\/\/help.ptengine.com\/wp-content\/uploads\/2020\/09\/image-46.png\" alt=\"\" \/><\/p>\n<p>Comparison heatmaps allow you to compare two heatmaps and analyze the differences between them.\u00a0Comparison dimensions include:<\/p>\n<ul>\n<li>Time Dimension\u00a0(e.g., 15 days before and 15 days after a promotional campaign launch)<\/li>\n<li>Different Page Versions\u00a0(e.g., before and after a redesign)<\/li>\n<li>Segmentation Functionality\u00a0(refer to the introduction of the segmentation function for details)<\/li>\n<\/ul>\n<h3>Historical heatmap<\/h3>\n<p>Before making significant changes to a page, please remember to save historical heatmaps.\u00a0This is useful for comparative analysis through heatmaps during retrospectives.<\/p>\n<ul>\n<li>Click this button to save a heatmap of the current page version.<br \/>\n<img src=\"https:\/\/help.ptengine.com\/wp-content\/uploads\/2020\/09\/image-47.png\" alt=\"\" \/><\/li>\n<li>Please be sure to add notes for easy future reference.<br \/>\n<img src=\"https:\/\/help.ptengine.com\/wp-content\/uploads\/2020\/09\/image-48.png\" alt=\"\" \/><\/li>\n<li>After saving, you can view them in\u00a0Settings \u2192 Heatmap Settings \u2192 Version Management.<br \/>\n<img src=\"https:\/\/help.ptengine.com\/wp-content\/uploads\/2020\/09\/image-49.png\" alt=\"\" \/><\/li>\n<li>You can also select versions to view on the corresponding page itself.<br \/>\n<img src=\"https:\/\/help.ptengine.com\/wp-content\/uploads\/2020\/09\/image-50.png\" alt=\"\" \/><\/li>\n<\/ul>\n<h2>Screen overview<\/h2>\n<p><img src=\"https:\/\/help.ptengine.com\/wp-content\/uploads\/2020\/09\/image-51.png\" alt=\"\" \/><\/p>\n<table>\n<thead>\n<tr>\n<th><strong>No.<\/strong><\/th>\n<th><strong>Feature Description<\/strong><\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>1<\/td>\n<td><strong>Date Range Selector<\/strong><\/td>\n<\/tr>\n<tr>\n<td>2<\/td>\n<td><strong>Device Selector<\/strong><\/td>\n<\/tr>\n<tr>\n<td>3<\/td>\n<td><strong>Segmentation<\/strong><\/td>\n<\/tr>\n<tr>\n<td>4<\/td>\n<td><strong>View\/Version Selector:<\/strong><\/td>\n<\/tr>\n<tr>\n<td><\/td>\n<td>1) Page Selection<\/td>\n<\/tr>\n<tr>\n<td><\/td>\n<td>2) Historical Page Version Switch<\/td>\n<\/tr>\n<tr>\n<td><\/td>\n<td>3) Experience Version Switch<\/td>\n<\/tr>\n<tr>\n<td>5<\/td>\n<td><strong>Add Comparison Heatmap<\/strong><\/td>\n<\/tr>\n<tr>\n<td>6<\/td>\n<td><strong>Share Heatmap Link<\/strong><\/td>\n<\/tr>\n<tr>\n<td>7<\/td>\n<td><strong>Full-Screen Heatmap<\/strong><\/td>\n<\/tr>\n<tr>\n<td>8<\/td>\n<td><strong>Help &amp; Chat Support<\/strong><\/td>\n<\/tr>\n<tr>\n<td>9<\/td>\n<td><strong>Heatmap Type Switcher<\/strong><\/td>\n<\/tr>\n<tr>\n<td>10<\/td>\n<td><strong>More Options:<\/strong><\/td>\n<\/tr>\n<tr>\n<td><\/td>\n<td>1) Interaction Mode<\/td>\n<\/tr>\n<tr>\n<td><\/td>\n<td>2) Refresh Heatmap<\/td>\n<\/tr>\n<tr>\n<td><\/td>\n<td>3) Save Page Version<\/td>\n<\/tr>\n<tr>\n<td><\/td>\n<td>4) Heat Intensity Adjustment<\/td>\n<\/tr>\n<tr>\n<td>11<\/td>\n<td><strong>Page Metrics<\/strong><\/td>\n<\/tr>\n<tr>\n<td>12<\/td>\n<td><strong>Element Data Report<\/strong><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n","protected":false},"excerpt":{"rendered":"<p>What is a Heatmap? While the Data Center provides a wea&hellip;&nbsp;<a href=\"https:\/\/help.ptengine.com\/docs\/heatmap-overview\/\" class=\"\" rel=\"bookmark\">\u9605\u8bfb\u66f4\u591a &raquo;<span class=\"screen-reader-text\">Heatmap-Overview<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"doc_category":[9],"doc_tag":[],"_links":{"self":[{"href":"https:\/\/help.ptengine.com\/wp-json\/wp\/v2\/docs\/1263"}],"collection":[{"href":"https:\/\/help.ptengine.com\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/help.ptengine.com\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/help.ptengine.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/help.ptengine.com\/wp-json\/wp\/v2\/comments?post=1263"}],"version-history":[{"count":11,"href":"https:\/\/help.ptengine.com\/wp-json\/wp\/v2\/docs\/1263\/revisions"}],"predecessor-version":[{"id":10315,"href":"https:\/\/help.ptengine.com\/wp-json\/wp\/v2\/docs\/1263\/revisions\/10315"}],"wp:attachment":[{"href":"https:\/\/help.ptengine.com\/wp-json\/wp\/v2\/media?parent=1263"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/help.ptengine.com\/wp-json\/wp\/v2\/doc_category?post=1263"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/help.ptengine.com\/wp-json\/wp\/v2\/doc_tag?post=1263"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}