{"id":2151,"date":"2021-11-01T17:55:27","date_gmt":"2021-11-02T00:55:27","guid":{"rendered":"https:\/\/clarity.microsoft.com\/blog\/?p=2151"},"modified":"2025-07-30T09:19:48","modified_gmt":"2025-07-30T16:19:48","slug":"introducing-area-maps-a-heatmap-to-see-which-elements-are-the-most-popular","status":"publish","type":"post","link":"https:\/\/clarity.microsoft.com\/blog\/introducing-area-maps-a-heatmap-to-see-which-elements-are-the-most-popular\/","title":{"rendered":"Introducing Area maps: A new way to see site engagement"},"content":{"rendered":"\n<p>During our birthday celebrations, we thought it only right to&nbsp;give our customers a feature they really wanted!&nbsp;Introducing&nbsp;\u2013&nbsp;Area maps!<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>So,&nbsp;what exactly&nbsp;are Area maps?<\/strong><\/h3>\n\n\n\n<p>Area map is a&nbsp;new&nbsp;type of <a href=\"https:\/\/docs.microsoft.com\/en-us\/clarity\/heatmaps-overview\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\"Read more about Introducing Area maps: A new way to see site engagement\">heatmap<\/a> that shows you the total clicks for all the elements within a selected area you choose.<\/p>\n\n\n\n<p>We show this in 2 ways:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>First by color<\/li>\n\n\n\n<li>Second by percentage<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1600\" height=\"886\" src=\"https:\/\/clarity.microsoft.com\/blog\/wp-content\/uploads\/2021\/11\/Heatmap-Element.png\" alt=\"\" class=\"wp-image-8578\" srcset=\"https:\/\/clarity.microsoft.com\/blog\/wp-content\/uploads\/2021\/11\/Heatmap-Element.png 1600w, https:\/\/clarity.microsoft.com\/blog\/wp-content\/uploads\/2021\/11\/Heatmap-Element-300x166.png 300w, https:\/\/clarity.microsoft.com\/blog\/wp-content\/uploads\/2021\/11\/Heatmap-Element-1024x567.png 1024w, https:\/\/clarity.microsoft.com\/blog\/wp-content\/uploads\/2021\/11\/Heatmap-Element-768x425.png 768w, https:\/\/clarity.microsoft.com\/blog\/wp-content\/uploads\/2021\/11\/Heatmap-Element-1536x851.png 1536w\" sizes=\"auto, (max-width: 1600px) 100vw, 1600px\" \/><\/figure>\n\n\n\n<p>This makes it&nbsp;very&nbsp;easy to see if the&nbsp;right elements on your page are getting the desired attention.&nbsp;&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>How does this differ to a Click map?&nbsp;&nbsp;<\/strong><\/h3>\n\n\n\n<p>A <a href=\"https:\/\/docs.microsoft.com\/en-us\/clarity\/click-maps\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\"Read more about Introducing Area maps: A new way to see site engagement\">Click&nbsp;map<\/a> shows you where users clicked on the page&nbsp;using coordinates on the x-axis and y-axis. Whereas an Area map shows the total clicks&nbsp;for all the elements within an area you choose.&nbsp;We wanted to make it easier for our customers to choose areas they care about and aggregate the clicks for all elements within it.<\/p>\n\n\n\n<h5 class=\"wp-block-heading\"><strong>Let&#8217;s take a look at an example<\/strong><\/h5>\n\n\n\n<p><\/p>\n\n\n\n<p>The&nbsp;image below&nbsp;shows our homepage.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1600\" height=\"786\" src=\"https:\/\/clarity.microsoft.com\/blog\/wp-content\/uploads\/2021\/11\/Heatmap-Element-2.png\" alt=\"\" class=\"wp-image-8579\" style=\"width:800px;height:393px\" srcset=\"https:\/\/clarity.microsoft.com\/blog\/wp-content\/uploads\/2021\/11\/Heatmap-Element-2.png 1600w, https:\/\/clarity.microsoft.com\/blog\/wp-content\/uploads\/2021\/11\/Heatmap-Element-2-300x147.png 300w, https:\/\/clarity.microsoft.com\/blog\/wp-content\/uploads\/2021\/11\/Heatmap-Element-2-1024x503.png 1024w, https:\/\/clarity.microsoft.com\/blog\/wp-content\/uploads\/2021\/11\/Heatmap-Element-2-768x377.png 768w, https:\/\/clarity.microsoft.com\/blog\/wp-content\/uploads\/2021\/11\/Heatmap-Element-2-1536x755.png 1536w\" sizes=\"auto, (max-width: 1600px) 100vw, 1600px\" \/><\/figure>\n\n\n\n<p>We can easily see that across the last 30 days nearly 28% of visitors have gone to complete the sign-in process.&nbsp;That\u2019s excellent information for sure! <\/p>\n\n\n\n<p>But what if&nbsp;we&nbsp;wanted to dig deeper and see which sign-in method has been the most popular? <\/p>\n\n\n\n<p>Easy, we can select edit area and drill down to each sign-in element.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"330\" height=\"183\" src=\"https:\/\/clarity.microsoft.com\/blog\/wp-content\/uploads\/2021\/11\/edit-areas.png\" alt=\"\" class=\"wp-image-8580\" srcset=\"https:\/\/clarity.microsoft.com\/blog\/wp-content\/uploads\/2021\/11\/edit-areas.png 330w, https:\/\/clarity.microsoft.com\/blog\/wp-content\/uploads\/2021\/11\/edit-areas-300x166.png 300w\" sizes=\"auto, (max-width: 330px) 100vw, 330px\" \/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<p>We can now see which of the given sign-in options is the most popular! <\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"2064\" height=\"1008\" src=\"https:\/\/clarity.microsoft.com\/blog\/wp-content\/uploads\/2021\/11\/Heatmap-element-2-new-2.png\" alt=\"\" class=\"wp-image-8582\" srcset=\"https:\/\/clarity.microsoft.com\/blog\/wp-content\/uploads\/2021\/11\/Heatmap-element-2-new-2.png 2064w, https:\/\/clarity.microsoft.com\/blog\/wp-content\/uploads\/2021\/11\/Heatmap-element-2-new-2-300x147.png 300w, https:\/\/clarity.microsoft.com\/blog\/wp-content\/uploads\/2021\/11\/Heatmap-element-2-new-2-1024x500.png 1024w, https:\/\/clarity.microsoft.com\/blog\/wp-content\/uploads\/2021\/11\/Heatmap-element-2-new-2-768x375.png 768w, https:\/\/clarity.microsoft.com\/blog\/wp-content\/uploads\/2021\/11\/Heatmap-element-2-new-2-1536x750.png 1536w, https:\/\/clarity.microsoft.com\/blog\/wp-content\/uploads\/2021\/11\/Heatmap-element-2-new-2-2048x1000.png 2048w\" sizes=\"auto, (max-width: 2064px) 100vw, 2064px\" \/><\/figure>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:100%\">\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button has-custom-width wp-block-button__width-100 has-custom-font-size has-medium-font-size\"><a class=\"wp-block-button__link has-white-color has-text-color has-background wp-element-button\" href=\"https:\/\/clarity.microsoft.com\/?utm_source=Heatmap+elements&amp;utm_medium=Blogs&amp;utm_campaign=Growth\" style=\"border-radius:4px;background-color:#0078d4\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\"Read more about Introducing Area maps: A new way to see site engagement\"><strong><u>Get Clarity today! Now with even more great features at the same great price, free!<\/u><\/strong><\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<p>Digging even further, in the future we could AB test different orders using our upcoming new feature, heatmap compare to see if changing the order has any impact on customer behavior.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"624\" height=\"261\" src=\"https:\/\/clarity.microsoft.com\/blog\/wp-content\/uploads\/2021\/11\/Heatmap-Element-3.png\" alt=\"\" class=\"wp-image-8583\" srcset=\"https:\/\/clarity.microsoft.com\/blog\/wp-content\/uploads\/2021\/11\/Heatmap-Element-3.png 624w, https:\/\/clarity.microsoft.com\/blog\/wp-content\/uploads\/2021\/11\/Heatmap-Element-3-300x125.png 300w\" sizes=\"auto, (max-width: 624px) 100vw, 624px\" \/><\/figure>\n\n\n\n<p>So there you go! Area maps are here! We are pretty sure this will become a firm favorite with customers.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>During our birthday celebrations, we thought it only right to&nbsp;give our customers a feature they really wanted!&nbsp;Introducing&nbsp;\u2013&nbsp;Area maps! So,&nbsp;what exactly&nbsp;are [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":8903,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_uag_custom_page_level_css":"","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"categories":[2,22],"tags":[86,23,10],"class_list":["post-2151","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blogs","category-heat-maps-blogs","tag-blogs","tag-heatmaps","tag-user-behavior"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.8.1 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Area maps - see which elements are the most popular - Clarity Blog<\/title>\n<meta name=\"description\" content=\"Area maps are a new heatmap. It shows you the total clicks for all the elements within a selected area. Shown by color and percentage.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/clarity.microsoft.com\/blog\/introducing-area-maps-a-heatmap-to-see-which-elements-are-the-most-popular\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Area maps - see which elements are the most popular - Clarity Blog\" \/>\n<meta property=\"og:description\" content=\"Area maps are a new heatmap. It shows you the total clicks for all the elements within a selected area. Shown by color and percentage.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/clarity.microsoft.com\/blog\/introducing-area-maps-a-heatmap-to-see-which-elements-are-the-most-popular\/\" \/>\n<meta property=\"og:site_name\" content=\"Understand your customers | Microsoft Clarity Blog\" \/>\n<meta property=\"article:published_time\" content=\"2021-11-02T00:55:27+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-07-30T16:19:48+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/clarity.microsoft.com\/blog\/wp-content\/uploads\/2025\/02\/FI-IntroducingAreamapsAnewwaytoseesiteengagement.png\" \/>\n\t<meta property=\"og:image:width\" content=\"700\" \/>\n\t<meta property=\"og:image:height\" content=\"350\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Clarity Staff\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Clarity Staff\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/clarity.microsoft.com\/blog\/introducing-area-maps-a-heatmap-to-see-which-elements-are-the-most-popular\/\",\"url\":\"https:\/\/clarity.microsoft.com\/blog\/introducing-area-maps-a-heatmap-to-see-which-elements-are-the-most-popular\/\",\"name\":\"Area maps - see which elements are the most popular - Clarity Blog\",\"isPartOf\":{\"@id\":\"https:\/\/clarity.microsoft.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/clarity.microsoft.com\/blog\/introducing-area-maps-a-heatmap-to-see-which-elements-are-the-most-popular\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/clarity.microsoft.com\/blog\/introducing-area-maps-a-heatmap-to-see-which-elements-are-the-most-popular\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/clarity.microsoft.com\/blog\/wp-content\/uploads\/2025\/02\/FI-IntroducingAreamapsAnewwaytoseesiteengagement.png\",\"datePublished\":\"2021-11-02T00:55:27+00:00\",\"dateModified\":\"2025-07-30T16:19:48+00:00\",\"author\":{\"@id\":\"https:\/\/clarity.microsoft.com\/blog\/#\/schema\/person\/87dfd6775651e096c0d822a5f142d1ea\"},\"description\":\"Area maps are a new heatmap. It shows you the total clicks for all the elements within a selected area. Shown by color and percentage.\",\"breadcrumb\":{\"@id\":\"https:\/\/clarity.microsoft.com\/blog\/introducing-area-maps-a-heatmap-to-see-which-elements-are-the-most-popular\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/clarity.microsoft.com\/blog\/introducing-area-maps-a-heatmap-to-see-which-elements-are-the-most-popular\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/clarity.microsoft.com\/blog\/introducing-area-maps-a-heatmap-to-see-which-elements-are-the-most-popular\/#primaryimage\",\"url\":\"https:\/\/clarity.microsoft.com\/blog\/wp-content\/uploads\/2025\/02\/FI-IntroducingAreamapsAnewwaytoseesiteengagement.png\",\"contentUrl\":\"https:\/\/clarity.microsoft.com\/blog\/wp-content\/uploads\/2025\/02\/FI-IntroducingAreamapsAnewwaytoseesiteengagement.png\",\"width\":700,\"height\":350,\"caption\":\"website analytics illustration\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/clarity.microsoft.com\/blog\/introducing-area-maps-a-heatmap-to-see-which-elements-are-the-most-popular\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/clarity.microsoft.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Introducing Area maps: A new way to see site engagement\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/clarity.microsoft.com\/blog\/#website\",\"url\":\"https:\/\/clarity.microsoft.com\/blog\/\",\"name\":\"Understand your customers | Microsoft Clarity Blog\",\"description\":\"Find articles, best practices, and solutions to improve user experience\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/clarity.microsoft.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/clarity.microsoft.com\/blog\/#\/schema\/person\/87dfd6775651e096c0d822a5f142d1ea\",\"name\":\"Clarity Staff\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/clarity.microsoft.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/f2085586b36c36f0e9b0bc6eaf48fba31582534be948ed0b85dda577eb3bf07c?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/f2085586b36c36f0e9b0bc6eaf48fba31582534be948ed0b85dda577eb3bf07c?s=96&d=mm&r=g\",\"caption\":\"Clarity Staff\"},\"url\":\"https:\/\/clarity.microsoft.com\/blog\/author\/v-joeperez\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Area maps - see which elements are the most popular - Clarity Blog","description":"Area maps are a new heatmap. It shows you the total clicks for all the elements within a selected area. Shown by color and percentage.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/clarity.microsoft.com\/blog\/introducing-area-maps-a-heatmap-to-see-which-elements-are-the-most-popular\/","og_locale":"en_US","og_type":"article","og_title":"Area maps - see which elements are the most popular - Clarity Blog","og_description":"Area maps are a new heatmap. It shows you the total clicks for all the elements within a selected area. Shown by color and percentage.","og_url":"https:\/\/clarity.microsoft.com\/blog\/introducing-area-maps-a-heatmap-to-see-which-elements-are-the-most-popular\/","og_site_name":"Understand your customers | Microsoft Clarity Blog","article_published_time":"2021-11-02T00:55:27+00:00","article_modified_time":"2025-07-30T16:19:48+00:00","og_image":[{"width":700,"height":350,"url":"https:\/\/clarity.microsoft.com\/blog\/wp-content\/uploads\/2025\/02\/FI-IntroducingAreamapsAnewwaytoseesiteengagement.png","type":"image\/png"}],"author":"Clarity Staff","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Clarity Staff","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/clarity.microsoft.com\/blog\/introducing-area-maps-a-heatmap-to-see-which-elements-are-the-most-popular\/","url":"https:\/\/clarity.microsoft.com\/blog\/introducing-area-maps-a-heatmap-to-see-which-elements-are-the-most-popular\/","name":"Area maps - see which elements are the most popular - Clarity Blog","isPartOf":{"@id":"https:\/\/clarity.microsoft.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/clarity.microsoft.com\/blog\/introducing-area-maps-a-heatmap-to-see-which-elements-are-the-most-popular\/#primaryimage"},"image":{"@id":"https:\/\/clarity.microsoft.com\/blog\/introducing-area-maps-a-heatmap-to-see-which-elements-are-the-most-popular\/#primaryimage"},"thumbnailUrl":"https:\/\/clarity.microsoft.com\/blog\/wp-content\/uploads\/2025\/02\/FI-IntroducingAreamapsAnewwaytoseesiteengagement.png","datePublished":"2021-11-02T00:55:27+00:00","dateModified":"2025-07-30T16:19:48+00:00","author":{"@id":"https:\/\/clarity.microsoft.com\/blog\/#\/schema\/person\/87dfd6775651e096c0d822a5f142d1ea"},"description":"Area maps are a new heatmap. It shows you the total clicks for all the elements within a selected area. Shown by color and percentage.","breadcrumb":{"@id":"https:\/\/clarity.microsoft.com\/blog\/introducing-area-maps-a-heatmap-to-see-which-elements-are-the-most-popular\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/clarity.microsoft.com\/blog\/introducing-area-maps-a-heatmap-to-see-which-elements-are-the-most-popular\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/clarity.microsoft.com\/blog\/introducing-area-maps-a-heatmap-to-see-which-elements-are-the-most-popular\/#primaryimage","url":"https:\/\/clarity.microsoft.com\/blog\/wp-content\/uploads\/2025\/02\/FI-IntroducingAreamapsAnewwaytoseesiteengagement.png","contentUrl":"https:\/\/clarity.microsoft.com\/blog\/wp-content\/uploads\/2025\/02\/FI-IntroducingAreamapsAnewwaytoseesiteengagement.png","width":700,"height":350,"caption":"website analytics illustration"},{"@type":"BreadcrumbList","@id":"https:\/\/clarity.microsoft.com\/blog\/introducing-area-maps-a-heatmap-to-see-which-elements-are-the-most-popular\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/clarity.microsoft.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Introducing Area maps: A new way to see site engagement"}]},{"@type":"WebSite","@id":"https:\/\/clarity.microsoft.com\/blog\/#website","url":"https:\/\/clarity.microsoft.com\/blog\/","name":"Understand your customers | Microsoft Clarity Blog","description":"Find articles, best practices, and solutions to improve user experience","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/clarity.microsoft.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/clarity.microsoft.com\/blog\/#\/schema\/person\/87dfd6775651e096c0d822a5f142d1ea","name":"Clarity Staff","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/clarity.microsoft.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/f2085586b36c36f0e9b0bc6eaf48fba31582534be948ed0b85dda577eb3bf07c?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/f2085586b36c36f0e9b0bc6eaf48fba31582534be948ed0b85dda577eb3bf07c?s=96&d=mm&r=g","caption":"Clarity Staff"},"url":"https:\/\/clarity.microsoft.com\/blog\/author\/v-joeperez\/"}]}},"spectra_custom_meta":{"_edit_last":["1"],"_yoast_wpseo_primary_category":[""],"wp_jv_post_rg":[""],"_yoast_wpseo_estimated-reading-time-minutes":["3"],"_thumbnail_id":["8903"],"_yoast_wpseo_content_score":["90"],"_yoast_wpseo_focuskw":["area maps"],"_yoast_wpseo_title":["Area maps - see which elements are the most popular - Clarity Blog"],"_yoast_wpseo_metadesc":["Area maps are a new heatmap. It shows you the total clicks for all the elements within a selected area. Shown by color and percentage."],"_yoast_wpseo_linkdex":["80"],"_aioseo_title":[""],"_aioseo_description":[""],"_aioseo_keywords":[""],"_aioseo_og_title":[""],"_aioseo_og_description":[""],"_aioseo_og_article_section":[""],"_aioseo_og_article_tags":[""],"_aioseo_twitter_title":[""],"_aioseo_twitter_description":[""],"_edit_lock":["1753892389:1"],"_uag_page_assets":["a:9:{s:3:\"css\";s:22159:\".uag-blocks-common-selector{z-index:var(--z-index-desktop) !important}@media (max-width: 976px){.uag-blocks-common-selector{z-index:var(--z-index-tablet) !important}}@media (max-width: 767px){.uag-blocks-common-selector{z-index:var(--z-index-mobile) !important}}\n.wp-block-uagb-advanced-heading h1,.wp-block-uagb-advanced-heading h2,.wp-block-uagb-advanced-heading h3,.wp-block-uagb-advanced-heading h4,.wp-block-uagb-advanced-heading h5,.wp-block-uagb-advanced-heading h6,.wp-block-uagb-advanced-heading p,.wp-block-uagb-advanced-heading div{word-break:break-word}.wp-block-uagb-advanced-heading .uagb-heading-text{margin:0}.wp-block-uagb-advanced-heading .uagb-desc-text{margin:0}.wp-block-uagb-advanced-heading .uagb-separator{font-size:0;border-top-style:solid;display:inline-block;margin:0 0 10px 0}.wp-block-uagb-advanced-heading .uagb-highlight{color:#f78a0c;border:0;transition:all 0.3s ease}.uag-highlight-toolbar{border-left:0;border-top:0;border-bottom:0;border-radius:0;border-right-color:#1e1e1e}.uag-highlight-toolbar .components-button{border-radius:0;outline:none}.uag-highlight-toolbar .components-button.is-primary{color:#fff}\n.wp-block-uagb-advanced-heading.uagb-block-24f4d007.wp-block-uagb-advanced-heading a{color: #000000;}.wp-block-uagb-advanced-heading.uagb-block-24f4d007.wp-block-uagb-advanced-heading a:hover{color: #000000;}.wp-block-uagb-advanced-heading.uagb-block-24f4d007.wp-block-uagb-advanced-heading .uagb-desc-text{margin-bottom: 15px;}.wp-block-uagb-advanced-heading.uagb-block-24f4d007.wp-block-uagb-advanced-heading .uagb-highlight{font-style: normal;font-weight: Default;background: #007cba;color: #fff;-webkit-text-fill-color: #fff;}.wp-block-uagb-advanced-heading.uagb-block-24f4d007.wp-block-uagb-advanced-heading .uagb-highlight::-moz-selection{color: #fff;background: #007cba;-webkit-text-fill-color: #fff;}.wp-block-uagb-advanced-heading.uagb-block-24f4d007.wp-block-uagb-advanced-heading .uagb-highlight::selection{color: #fff;background: #007cba;-webkit-text-fill-color: #fff;}.wp-block-uagb-advanced-heading.uagb-block-24f4d007 .uagb-heading-text{font-size: 20px;}.uagb-buttons__outer-wrap .uagb-buttons__wrap{display:inline-flex;width:100%}.uagb-buttons__outer-wrap.uagb-btn__small-btn .uagb-buttons-repeater.wp-block-button__link:not(.is-style-outline),.uagb-buttons__outer-wrap.uagb-btn__small-btn .uagb-buttons-repeater.ast-outline-button{padding:5px 10px}.uagb-buttons__outer-wrap.uagb-btn__medium-btn .uagb-buttons-repeater.wp-block-button__link:not(.is-style-outline),.uagb-buttons__outer-wrap.uagb-btn__medium-btn .uagb-buttons-repeater.ast-outline-button{padding:12px 24px}.uagb-buttons__outer-wrap.uagb-btn__large-btn .uagb-buttons-repeater.wp-block-button__link:not(.is-style-outline),.uagb-buttons__outer-wrap.uagb-btn__large-btn .uagb-buttons-repeater.ast-outline-button{padding:20px 30px}.uagb-buttons__outer-wrap.uagb-btn__extralarge-btn .uagb-buttons-repeater.wp-block-button__link:not(.is-style-outline),.uagb-buttons__outer-wrap.uagb-btn__extralarge-btn .uagb-buttons-repeater.ast-outline-button{padding:30px 65px}@media (max-width: 976px){.uagb-buttons__outer-wrap.uagb-btn-tablet__small-btn .uagb-buttons-repeater.wp-block-button__link:not(.is-style-outline),.uagb-buttons__outer-wrap.uagb-btn-tablet__small-btn .uagb-buttons-repeater.ast-outline-button{padding:5px 10px}.uagb-buttons__outer-wrap.uagb-btn-tablet__medium-btn .uagb-buttons-repeater.wp-block-button__link:not(.is-style-outline),.uagb-buttons__outer-wrap.uagb-btn-tablet__medium-btn .uagb-buttons-repeater.ast-outline-button{padding:12px 24px}.uagb-buttons__outer-wrap.uagb-btn-tablet__large-btn .uagb-buttons-repeater.wp-block-button__link:not(.is-style-outline),.uagb-buttons__outer-wrap.uagb-btn-tablet__large-btn .uagb-buttons-repeater.ast-outline-button{padding:20px 30px}.uagb-buttons__outer-wrap.uagb-btn-tablet__extralarge-btn .uagb-buttons-repeater.wp-block-button__link:not(.is-style-outline),.uagb-buttons__outer-wrap.uagb-btn-tablet__extralarge-btn .uagb-buttons-repeater.ast-outline-button{padding:30px 65px}}@media (max-width: 767px){.uagb-buttons__outer-wrap.uagb-btn-mobile__small-btn .uagb-buttons-repeater.wp-block-button__link:not(.is-style-outline),.uagb-buttons__outer-wrap.uagb-btn-mobile__small-btn .uagb-buttons-repeater.ast-outline-button{padding:5px 10px}.uagb-buttons__outer-wrap.uagb-btn-mobile__medium-btn .uagb-buttons-repeater.wp-block-button__link:not(.is-style-outline),.uagb-buttons__outer-wrap.uagb-btn-mobile__medium-btn .uagb-buttons-repeater.ast-outline-button{padding:12px 24px}.uagb-buttons__outer-wrap.uagb-btn-mobile__large-btn .uagb-buttons-repeater.wp-block-button__link:not(.is-style-outline),.uagb-buttons__outer-wrap.uagb-btn-mobile__large-btn .uagb-buttons-repeater.ast-outline-button{padding:20px 30px}.uagb-buttons__outer-wrap.uagb-btn-mobile__extralarge-btn .uagb-buttons-repeater.wp-block-button__link:not(.is-style-outline),.uagb-buttons__outer-wrap.uagb-btn-mobile__extralarge-btn .uagb-buttons-repeater.ast-outline-button{padding:30px 65px}}\n.uagb-buttons__outer-wrap .uagb-buttons-repeater{display:flex;justify-content:center;align-items:center;transition:box-shadow 0.2s ease}.uagb-buttons__outer-wrap .uagb-buttons-repeater a.uagb-button__link{display:flex;justify-content:center}.uagb-buttons__outer-wrap .uagb-buttons-repeater .uagb-button__icon{font-size:inherit;display:flex;align-items:center}.uagb-buttons__outer-wrap .uagb-buttons-repeater .uagb-button__icon svg{fill:currentColor;width:inherit;height:inherit}\n.uagb-block-0c7e50ad.wp-block-uagb-buttons.uagb-buttons__outer-wrap .uagb-buttons__wrap {gap: 10px;}.uagb-block-0c7e50ad.uagb-buttons__outer-wrap .uagb-buttons__wrap {justify-content: right;align-items: center;}.uagb-block-0c7e50ad .uagb-buttons-repeater:not(.wp-block-button__link){font-size: 14px;padding-top: 7px;padding-bottom: 7px;padding-left: 16px;padding-right: 16px;}.uagb-block-0c7e50ad .uagb-button__wrapper .uagb-buttons-repeater.wp-block-button__link{font-size: 14px;padding-top: 7px;padding-bottom: 7px;padding-left: 16px;padding-right: 16px;}.uagb-block-0c7e50ad .uagb-button__wrapper .uagb-buttons-repeater.ast-outline-button{font-size: 14px;padding-top: 7px;padding-bottom: 7px;padding-left: 16px;padding-right: 16px;}.wp-block-uagb-buttons .uagb-block-ce399d64.wp-block-uagb-buttons-child .uagb-buttons-repeater{background: var(--ast-global-color-4);}.wp-block-uagb-buttons .uagb-block-ce399d64 .wp-block-button__link{background: var(--ast-global-color-4);}.wp-block-uagb-buttons .uagb-block-ce399d64 .wp-block-button__link:hover{background: #eff6fc;}.wp-block-uagb-buttons .uagb-block-ce399d64 .wp-block-button__link:focus{background: #eff6fc;}.wp-block-uagb-buttons .uagb-block-ce399d64 .uagb-button__wrapper .uagb-buttons-repeater{color: #004578;}.wp-block-uagb-buttons .uagb-block-ce399d64 .uagb-button__wrapper  .uagb-buttons-repeater.wp-block-button__link{box-shadow: 0px 0px 0 #00000026;}.wp-block-uagb-buttons .uagb-block-ce399d64 .uagb-button__wrapper  .uagb-buttons-repeater.wp-block-button__link:hover{box-shadow: 0px 0px 0 #00000026;}.wp-block-uagb-buttons .uagb-block-ce399d64 .uagb-buttons-repeater.wp-block-button__link{border-top-width: 1px;border-left-width: 1px;border-right-width: 1px;border-bottom-width: 1px;border-top-left-radius: 4px;border-top-right-radius: 4px;border-bottom-left-radius: 4px;border-bottom-right-radius: 4px;border-color: #0078d4;border-style: solid;}.wp-block-uagb-buttons .uagb-block-ce399d64 .uagb-buttons-repeater.wp-block-button__link:hover{border-color: #333;}.wp-block-uagb-buttons .uagb-block-ce399d64 .uagb-buttons-repeater.wp-block-button__link:focus{border-color: #333;}.wp-block-uagb-buttons .uagb-block-ce399d64.wp-block-button.is-style-outline .uagb-button__wrapper .wp-block-button__link.uagb-buttons-repeater{border-top-width: 1px;border-left-width: 1px;border-right-width: 1px;border-bottom-width: 1px;border-top-left-radius: 4px;border-top-right-radius: 4px;border-bottom-left-radius: 4px;border-bottom-right-radius: 4px;border-color: #0078d4;border-style: solid;}.wp-block-uagb-buttons .uagb-block-ce399d64.wp-block-button.is-style-outline .uagb-button__wrapper .wp-block-button__link.uagb-buttons-repeater:hover{border-color: #333;}.wp-block-uagb-buttons .uagb-block-ce399d64 .uagb-buttons-repeater .uagb-button__link{color: #004578;}.wp-block-uagb-buttons .uagb-block-ce399d64 .uagb-buttons-repeater .uagb-button__icon > svg{width: 15px;height: 15px;fill: #004578;}.wp-block-uagb-buttons .uagb-block-ce399d64 .uagb-buttons-repeater .uagb-button__icon-position-after{margin-left: 8px;}.wp-block-uagb-buttons .uagb-block-ce399d64 .uagb-buttons-repeater .uagb-button__icon-position-before{margin-right: 8px;}.wp-block-uagb-buttons .uagb-block-ce399d64 .uagb-button__link{text-transform: normal;text-decoration: none;}.wp-block-uagb-buttons .uagb-block-9730a9e0 .wp-block-button__link{background: linear-gradient(280deg,rgb(0,120,212) 0%,rgb(150,146,255) 100%);;background-clip: padding-box;}.wp-block-uagb-buttons .uagb-block-9730a9e0 .wp-block-button__link:hover{background: linear-gradient(280deg,rgb(16,110,190) 0%,rgb(121,116,255) 100%);;background-clip: padding-box;}.wp-block-uagb-buttons .uagb-block-9730a9e0 .wp-block-button__link:focus{background: linear-gradient(280deg,rgb(16,110,190) 0%,rgb(121,116,255) 100%);;background-clip: padding-box;}.wp-block-uagb-buttons .uagb-block-9730a9e0 .uagb-button__wrapper .uagb-buttons-repeater{color: var(--ast-global-color-4);}.wp-block-uagb-buttons .uagb-block-9730a9e0 .uagb-button__wrapper  .uagb-buttons-repeater.wp-block-button__link{box-shadow: 0px 0px 0 #00000026;}.wp-block-uagb-buttons .uagb-block-9730a9e0 .uagb-button__wrapper  .uagb-buttons-repeater.wp-block-button__link:hover{box-shadow: 0px 0px 0 #00000026;}.wp-block-uagb-buttons .uagb-block-9730a9e0 .uagb-buttons-repeater.wp-block-button__link{border-top-width: 1px;border-left-width: 1px;border-right-width: 1px;border-bottom-width: 1px;border-top-left-radius: 4px;border-top-right-radius: 4px;border-bottom-left-radius: 4px;border-bottom-right-radius: 4px;border-color: #106ebe;border-style: solid;}.wp-block-uagb-buttons .uagb-block-9730a9e0 .uagb-buttons-repeater.wp-block-button__link:hover{border-color: #333;}.wp-block-uagb-buttons .uagb-block-9730a9e0 .uagb-buttons-repeater.wp-block-button__link:focus{border-color: #333;}.wp-block-uagb-buttons .uagb-block-9730a9e0.wp-block-button.is-style-outline .uagb-button__wrapper .wp-block-button__link.uagb-buttons-repeater{border-top-width: 1px;border-left-width: 1px;border-right-width: 1px;border-bottom-width: 1px;border-top-left-radius: 4px;border-top-right-radius: 4px;border-bottom-left-radius: 4px;border-bottom-right-radius: 4px;border-color: #106ebe;border-style: solid;}.wp-block-uagb-buttons .uagb-block-9730a9e0.wp-block-button.is-style-outline .uagb-button__wrapper .wp-block-button__link.uagb-buttons-repeater:hover{border-color: #333;}.wp-block-uagb-buttons .uagb-block-9730a9e0 .uagb-buttons-repeater .uagb-button__link{color: var(--ast-global-color-4);}.wp-block-uagb-buttons .uagb-block-9730a9e0 .uagb-buttons-repeater .uagb-button__icon > svg{width: 15px;height: 15px;fill: var(--ast-global-color-4);}.wp-block-uagb-buttons .uagb-block-9730a9e0 .uagb-buttons-repeater .uagb-button__icon-position-after{margin-left: 8px;}.wp-block-uagb-buttons .uagb-block-9730a9e0 .uagb-buttons-repeater .uagb-button__icon-position-before{margin-right: 8px;}.wp-block-uagb-buttons .uagb-block-9730a9e0 .uagb-button__link{text-transform: normal;text-decoration: none;}@media only screen and (max-width: 976px) {.uagb-block-0c7e50ad.uagb-buttons__outer-wrap .uagb-buttons__wrap {justify-content: center;align-items: center;}.uagb-block-0c7e50ad.uagb-buttons__outer-wrap .uagb-buttons__wrap .wp-block-button{width: auto;}.wp-block-uagb-buttons .uagb-block-ce399d64.wp-block-button.is-style-outline .uagb-button__wrapper .wp-block-button__link.uagb-buttons-repeater{border-style: solid;border-color: #0078d4;}.wp-block-uagb-buttons .uagb-block-ce399d64 .uagb-buttons-repeater.wp-block-button__link{border-style: solid;border-color: #0078d4;}.wp-block-uagb-buttons .uagb-block-9730a9e0 .wp-block-button__link{background: linear-gradient(280deg,rgb(0,120,212) 0%,rgb(150,146,255) 100%);;background-clip: padding-box;}.wp-block-uagb-buttons .uagb-block-9730a9e0 .wp-block-button__link:hover{background: linear-gradient(280deg,rgb(16,110,190) 0%,rgb(121,116,255) 100%);;background-clip: padding-box;}.wp-block-uagb-buttons .uagb-block-9730a9e0 .wp-block-button__link:focus{background: linear-gradient(280deg,rgb(16,110,190) 0%,rgb(121,116,255) 100%);;background-clip: padding-box;}.wp-block-uagb-buttons .uagb-block-9730a9e0.wp-block-button.is-style-outline .uagb-button__wrapper .wp-block-button__link.uagb-buttons-repeater{border-style: solid;border-color: #106ebe;}.wp-block-uagb-buttons .uagb-block-9730a9e0 .uagb-buttons-repeater.wp-block-button__link{border-style: solid;border-color: #106ebe;}}@media only screen and (max-width: 767px) {.uagb-block-0c7e50ad.uagb-buttons__outer-wrap .uagb-buttons__wrap {justify-content: center;align-items: center;}.uagb-block-0c7e50ad.uagb-buttons__outer-wrap .uagb-buttons__wrap .wp-block-button{width: auto;}.wp-block-uagb-buttons .uagb-block-ce399d64.wp-block-button.is-style-outline .uagb-button__wrapper .wp-block-button__link.uagb-buttons-repeater{border-style: solid;border-color: #0078d4;}.wp-block-uagb-buttons .uagb-block-ce399d64 .uagb-buttons-repeater.wp-block-button__link{border-style: solid;border-color: #0078d4;}.wp-block-uagb-buttons .uagb-block-9730a9e0 .wp-block-button__link{background: linear-gradient(280deg,rgb(0,120,212) 0%,rgb(150,146,255) 100%);;background-clip: padding-box;}.wp-block-uagb-buttons .uagb-block-9730a9e0 .wp-block-button__link:hover{background: linear-gradient(280deg,rgb(16,110,190) 0%,rgb(121,116,255) 100%);;background-clip: padding-box;}.wp-block-uagb-buttons .uagb-block-9730a9e0 .wp-block-button__link:focus{background: linear-gradient(280deg,rgb(16,110,190) 0%,rgb(121,116,255) 100%);;background-clip: padding-box;}.wp-block-uagb-buttons .uagb-block-9730a9e0.wp-block-button.is-style-outline .uagb-button__wrapper .wp-block-button__link.uagb-buttons-repeater{border-style: solid;border-color: #106ebe;}.wp-block-uagb-buttons .uagb-block-9730a9e0 .uagb-buttons-repeater.wp-block-button__link{border-style: solid;border-color: #106ebe;}}.uagb-block-0c7e50ad.wp-block-uagb-buttons.uagb-buttons__outer-wrap .uagb-buttons__wrap {gap: 10px;}.uagb-block-0c7e50ad.uagb-buttons__outer-wrap .uagb-buttons__wrap{width: 100%;align-items: center;}.uagb-block-0c7e50ad.uagb-buttons__outer-wrap .uagb-buttons__wrap .wp-block-button {width: 100%;}.uagb-block-0c7e50ad .uagb-buttons-repeater:not(.wp-block-button__link){font-size: 14px;padding-top: 7px;padding-bottom: 7px;padding-left: 16px;padding-right: 16px;}.uagb-block-0c7e50ad .uagb-button__wrapper .uagb-buttons-repeater.wp-block-button__link{font-size: 14px;padding-top: 7px;padding-bottom: 7px;padding-left: 16px;padding-right: 16px;}.uagb-block-0c7e50ad .uagb-button__wrapper .uagb-buttons-repeater.ast-outline-button{font-size: 14px;padding-top: 7px;padding-bottom: 7px;padding-left: 16px;padding-right: 16px;}.wp-block-uagb-buttons .uagb-block-9730a9e0 .wp-block-button__link{background: linear-gradient(280deg,rgb(0,120,212) 0%,rgb(150,146,255) 100%);;background-clip: padding-box;}.wp-block-uagb-buttons .uagb-block-9730a9e0 .wp-block-button__link:hover{background: linear-gradient(280deg,rgb(16,110,190) 0%,rgb(121,116,255) 100%);;background-clip: padding-box;}.wp-block-uagb-buttons .uagb-block-9730a9e0 .wp-block-button__link:focus{background: linear-gradient(280deg,rgb(16,110,190) 0%,rgb(121,116,255) 100%);;background-clip: padding-box;}.wp-block-uagb-buttons .uagb-block-9730a9e0 .uagb-button__wrapper .uagb-buttons-repeater{color: var(--ast-global-color-4);}.wp-block-uagb-buttons .uagb-block-9730a9e0 .uagb-button__wrapper  .uagb-buttons-repeater.wp-block-button__link{box-shadow: 0px 0px 0 #00000026;}.wp-block-uagb-buttons .uagb-block-9730a9e0 .uagb-button__wrapper  .uagb-buttons-repeater.wp-block-button__link:hover{box-shadow: 0px 0px 0 #00000026;}.wp-block-uagb-buttons .uagb-block-9730a9e0 .uagb-buttons-repeater.wp-block-button__link{border-top-width: 1px;border-left-width: 1px;border-right-width: 1px;border-bottom-width: 1px;border-top-left-radius: 4px;border-top-right-radius: 4px;border-bottom-left-radius: 4px;border-bottom-right-radius: 4px;border-color: #106ebe;border-style: solid;}.wp-block-uagb-buttons .uagb-block-9730a9e0 .uagb-buttons-repeater.wp-block-button__link:hover{border-color: #106ebe;}.wp-block-uagb-buttons .uagb-block-9730a9e0 .uagb-buttons-repeater.wp-block-button__link:focus{border-color: #106ebe;}.wp-block-uagb-buttons .uagb-block-9730a9e0.wp-block-button.is-style-outline .uagb-button__wrapper .wp-block-button__link.uagb-buttons-repeater{border-top-width: 1px;border-left-width: 1px;border-right-width: 1px;border-bottom-width: 1px;border-top-left-radius: 4px;border-top-right-radius: 4px;border-bottom-left-radius: 4px;border-bottom-right-radius: 4px;border-color: #106ebe;border-style: solid;}.wp-block-uagb-buttons .uagb-block-9730a9e0.wp-block-button.is-style-outline .uagb-button__wrapper .wp-block-button__link.uagb-buttons-repeater:hover{border-color: #106ebe;}.wp-block-uagb-buttons .uagb-block-9730a9e0 .uagb-buttons-repeater .uagb-button__link{color: var(--ast-global-color-4);}.wp-block-uagb-buttons .uagb-block-9730a9e0 .uagb-buttons-repeater .uagb-button__icon > svg{width: 15px;height: 15px;fill: var(--ast-global-color-4);}.wp-block-uagb-buttons .uagb-block-9730a9e0 .uagb-buttons-repeater .uagb-button__icon-position-after{margin-left: 8px;}.wp-block-uagb-buttons .uagb-block-9730a9e0 .uagb-buttons-repeater .uagb-button__icon-position-before{margin-right: 8px;}.wp-block-uagb-buttons .uagb-block-9730a9e0 .uagb-button__link{text-transform: normal;text-decoration: none;}@media only screen and (max-width: 976px) {.uagb-block-0c7e50ad.uagb-buttons__outer-wrap .uagb-buttons__wrap {justify-content: center;align-items: center;}.uagb-block-0c7e50ad.uagb-buttons__outer-wrap .uagb-buttons__wrap .wp-block-button{width: auto;}.wp-block-uagb-buttons .uagb-block-9730a9e0 .wp-block-button__link{background: linear-gradient(280deg,rgb(0,120,212) 0%,rgb(150,146,255) 100%);;background-clip: padding-box;}.wp-block-uagb-buttons .uagb-block-9730a9e0 .wp-block-button__link:hover{background: linear-gradient(280deg,rgb(16,110,190) 0%,rgb(121,116,255) 100%);;background-clip: padding-box;}.wp-block-uagb-buttons .uagb-block-9730a9e0 .wp-block-button__link:focus{background: linear-gradient(280deg,rgb(16,110,190) 0%,rgb(121,116,255) 100%);;background-clip: padding-box;}.wp-block-uagb-buttons .uagb-block-9730a9e0.wp-block-button.is-style-outline .uagb-button__wrapper .wp-block-button__link.uagb-buttons-repeater{border-style: solid;border-color: #106ebe;}.wp-block-uagb-buttons .uagb-block-9730a9e0 .uagb-buttons-repeater.wp-block-button__link{border-style: solid;border-color: #106ebe;}}@media only screen and (max-width: 767px) {.uagb-block-0c7e50ad.uagb-buttons__outer-wrap .uagb-buttons__wrap {justify-content: left;align-items: center;}.uagb-block-0c7e50ad.uagb-buttons__outer-wrap .uagb-buttons__wrap .wp-block-button{width: auto;}.wp-block-uagb-buttons .uagb-block-9730a9e0 .wp-block-button__link{background: linear-gradient(280deg,rgb(0,120,212) 0%,rgb(150,146,255) 100%);;background-clip: padding-box;}.wp-block-uagb-buttons .uagb-block-9730a9e0 .wp-block-button__link:hover{background: linear-gradient(280deg,rgb(16,110,190) 0%,rgb(121,116,255) 100%);;background-clip: padding-box;}.wp-block-uagb-buttons .uagb-block-9730a9e0 .wp-block-button__link:focus{background: linear-gradient(280deg,rgb(16,110,190) 0%,rgb(121,116,255) 100%);;background-clip: padding-box;}.wp-block-uagb-buttons .uagb-block-9730a9e0.wp-block-button.is-style-outline .uagb-button__wrapper .wp-block-button__link.uagb-buttons-repeater{border-style: solid;border-color: #106ebe;}.wp-block-uagb-buttons .uagb-block-9730a9e0 .uagb-buttons-repeater.wp-block-button__link{border-style: solid;border-color: #106ebe;}}.wp-block-uagb-advanced-heading.uagb-block-24f4d007.wp-block-uagb-advanced-heading .uagb-desc-text{margin-bottom: 15px;}.wp-block-uagb-advanced-heading.uagb-block-24f4d007.wp-block-uagb-advanced-heading .uagb-highlight{font-style: normal;font-weight: Default;background: #007cba;color: #fff;-webkit-text-fill-color: #fff;}.wp-block-uagb-advanced-heading.uagb-block-24f4d007.wp-block-uagb-advanced-heading .uagb-highlight::-moz-selection{color: #fff;background: #007cba;-webkit-text-fill-color: #fff;}.wp-block-uagb-advanced-heading.uagb-block-24f4d007.wp-block-uagb-advanced-heading .uagb-highlight::selection{color: #fff;background: #007cba;-webkit-text-fill-color: #fff;}.wp-block-uagb-advanced-heading.uagb-block-24f4d007 .uagb-heading-text{font-size: 20px;}.wp-block-uagb-advanced-heading.uagb-block-24f4d007.wp-block-uagb-advanced-heading a{color: #000000;}.wp-block-uagb-advanced-heading.uagb-block-24f4d007.wp-block-uagb-advanced-heading a:hover{color: #000000;}.wp-block-uagb-advanced-heading.uagb-block-24f4d007.wp-block-uagb-advanced-heading .uagb-desc-text{margin-bottom: 15px;}.wp-block-uagb-advanced-heading.uagb-block-24f4d007.wp-block-uagb-advanced-heading .uagb-highlight{font-style: normal;font-weight: Default;background: #007cba;color: #fff;-webkit-text-fill-color: #fff;}.wp-block-uagb-advanced-heading.uagb-block-24f4d007.wp-block-uagb-advanced-heading .uagb-highlight::-moz-selection{color: #fff;background: #007cba;-webkit-text-fill-color: #fff;}.wp-block-uagb-advanced-heading.uagb-block-24f4d007.wp-block-uagb-advanced-heading .uagb-highlight::selection{color: #fff;background: #007cba;-webkit-text-fill-color: #fff;}.wp-block-uagb-advanced-heading.uagb-block-24f4d007 .uagb-heading-text{font-size: 20px;}@media only screen and (max-width: 976px) {.wp-block-uagb-advanced-heading.uagb-block-24f4d007.wp-block-uagb-advanced-heading {text-align: left;padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;margin-top: 0px;margin-right: 0px;margin-bottom: 0px;margin-left: 0px;}}\";s:2:\"js\";s:359:\"document.addEventListener(\"DOMContentLoaded\", function(){ window.addEventListener( 'load', function() {\n\tUAGBButtonChild.init( '.uagb-block-ce399d64' );\n});\nwindow.addEventListener( 'load', function() {\n\tUAGBButtonChild.init( '.uagb-block-9730a9e0' );\n});\nwindow.addEventListener( 'load', function() {\n\tUAGBButtonChild.init( '.uagb-block-9730a9e0' );\n});\n });\";s:18:\"current_block_list\";a:19:{i:0;s:14:\"core\/paragraph\";i:1;s:12:\"core\/heading\";i:2;s:9:\"core\/list\";i:3;s:14:\"core\/list-item\";i:4;s:10:\"core\/image\";i:5;s:12:\"core\/columns\";i:6;s:11:\"core\/column\";i:7;s:12:\"core\/buttons\";i:8;s:11:\"core\/button\";i:9;s:11:\"core\/search\";i:10;s:10:\"core\/group\";i:11;s:17:\"core\/latest-posts\";i:12;s:20:\"core\/latest-comments\";i:13;s:13:\"core\/archives\";i:14;s:15:\"core\/categories\";i:15;s:21:\"uagb\/advanced-heading\";i:16;s:12:\"uagb\/buttons\";i:17;s:18:\"uagb\/buttons-child\";i:18;s:14:\"core\/shortcode\";}s:8:\"uag_flag\";b:1;s:11:\"uag_version\";s:10:\"1777387108\";s:6:\"gfonts\";a:0:{}s:10:\"gfonts_url\";s:0:\"\";s:12:\"gfonts_files\";a:0:{}s:14:\"uag_faq_layout\";b:0;}"]},"uagb_featured_image_src":{"full":["https:\/\/clarity.microsoft.com\/blog\/wp-content\/uploads\/2025\/02\/FI-IntroducingAreamapsAnewwaytoseesiteengagement.png",700,350,false],"thumbnail":["https:\/\/clarity.microsoft.com\/blog\/wp-content\/uploads\/2025\/02\/FI-IntroducingAreamapsAnewwaytoseesiteengagement-150x150.png",150,150,true],"medium":["https:\/\/clarity.microsoft.com\/blog\/wp-content\/uploads\/2025\/02\/FI-IntroducingAreamapsAnewwaytoseesiteengagement-300x150.png",300,150,true],"medium_large":["https:\/\/clarity.microsoft.com\/blog\/wp-content\/uploads\/2025\/02\/FI-IntroducingAreamapsAnewwaytoseesiteengagement.png",700,350,false],"large":["https:\/\/clarity.microsoft.com\/blog\/wp-content\/uploads\/2025\/02\/FI-IntroducingAreamapsAnewwaytoseesiteengagement.png",700,350,false],"1536x1536":["https:\/\/clarity.microsoft.com\/blog\/wp-content\/uploads\/2025\/02\/FI-IntroducingAreamapsAnewwaytoseesiteengagement.png",700,350,false],"2048x2048":["https:\/\/clarity.microsoft.com\/blog\/wp-content\/uploads\/2025\/02\/FI-IntroducingAreamapsAnewwaytoseesiteengagement.png",700,350,false]},"uagb_author_info":{"display_name":"Clarity Staff","author_link":"https:\/\/clarity.microsoft.com\/blog\/author\/v-joeperez\/"},"uagb_comment_info":0,"uagb_excerpt":"During our birthday celebrations, we thought it only right to&nbsp;give our customers a feature they really wanted!&nbsp;Introducing&nbsp;\u2013&nbsp;Area maps! So,&nbsp;what exactly&nbsp;are [&hellip;]","_links":{"self":[{"href":"https:\/\/clarity.microsoft.com\/blog\/wp-json\/wp\/v2\/posts\/2151","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/clarity.microsoft.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/clarity.microsoft.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/clarity.microsoft.com\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/clarity.microsoft.com\/blog\/wp-json\/wp\/v2\/comments?post=2151"}],"version-history":[{"count":2,"href":"https:\/\/clarity.microsoft.com\/blog\/wp-json\/wp\/v2\/posts\/2151\/revisions"}],"predecessor-version":[{"id":9733,"href":"https:\/\/clarity.microsoft.com\/blog\/wp-json\/wp\/v2\/posts\/2151\/revisions\/9733"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/clarity.microsoft.com\/blog\/wp-json\/wp\/v2\/media\/8903"}],"wp:attachment":[{"href":"https:\/\/clarity.microsoft.com\/blog\/wp-json\/wp\/v2\/media?parent=2151"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/clarity.microsoft.com\/blog\/wp-json\/wp\/v2\/categories?post=2151"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/clarity.microsoft.com\/blog\/wp-json\/wp\/v2\/tags?post=2151"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}