{"id":10616,"date":"2022-12-30T15:31:00","date_gmt":"2022-12-30T06:31:00","guid":{"rendered":"https:\/\/hanami-web.tokyo.jp\/blog\/?p=10616"},"modified":"2022-11-29T10:46:37","modified_gmt":"2022-11-29T01:46:37","slug":"integration-clarity-microsoft","status":"publish","type":"post","link":"https:\/\/hanami-web.tokyo.jp\/blog\/en\/webmarketing\/integration-clarity-microsoft\/","title":{"rendered":"How to set up the free heatmap Microsoft Clarity"},"content":{"rendered":"<p>We will explain how to connect Microsoft Clarity, a completely free heatmap tool, to your WordPress site using Google Tag Manager.<\/p>\n\n\n\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_82_2 ez-toc-wrap-center counter-hierarchy ez-toc-counter ez-toc-custom ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">table of contents<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #000000;color:#000000\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #000000;color:#000000\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewbox=\"0 0 24 24\" version=\"1.2\" baseprofile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/hanami-web.tokyo.jp\/blog\/en\/webmarketing\/integration-clarity-microsoft\/#microsoft_clarity%e3%81%a8%e3%81%af%ef%bc%9f\" >What is Microsoft Clarity?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/hanami-web.tokyo.jp\/blog\/en\/webmarketing\/integration-clarity-microsoft\/#google%e3%82%bf%e3%82%b0%e3%83%9e%e3%83%8d%e3%83%bc%e3%82%b8%e3%83%a3%e3%83%bc%e3%82%92%e4%bd%bf%e3%81%a3%e3%81%9fclarity%e8%a8%ad%e5%ae%9a%e6%96%b9%e6%b3%95\" >How to set up Clarity using Google Tag Manager<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/hanami-web.tokyo.jp\/blog\/en\/webmarketing\/integration-clarity-microsoft\/#wordpress%e3%82%b5%e3%82%a4%e3%83%88%e3%81%a8google%e3%82%bf%e3%82%b0%e3%83%9e%e3%83%8d%e3%83%bc%e3%82%b8%e3%83%a3%e3%83%bc%e3%82%92%e6%8e%a5%e7%b6%9a\" >Connect your WordPress site to Google Tag Manager<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/hanami-web.tokyo.jp\/blog\/en\/webmarketing\/integration-clarity-microsoft\/#microsoft_clality%e3%81%b8%e3%83%ad%e3%82%b0%e3%82%a4%e3%83%b3\" >Log in to Microsoft Clarity<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/hanami-web.tokyo.jp\/blog\/en\/webmarketing\/integration-clarity-microsoft\/#%e3%83%97%e3%83%ad%e3%82%b8%e3%82%a7%e3%82%af%e3%83%88%e4%bd%9c%e6%88%90\" >Project Creation<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/hanami-web.tokyo.jp\/blog\/en\/webmarketing\/integration-clarity-microsoft\/#google%e3%82%bf%e3%82%b0%e3%83%9e%e3%83%8d%e3%83%bc%e3%82%b8%e3%83%a3%e3%83%bc%e3%81%a7%e3%82%b5%e3%82%a4%e3%83%88%e3%81%a8%e6%8e%a5%e7%b6%9a\" >Connect to your site with Google Tag Manager<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/hanami-web.tokyo.jp\/blog\/en\/webmarketing\/integration-clarity-microsoft\/#%e3%82%a2%e3%83%8a%e3%83%aa%e3%83%86%e3%82%a3%e3%82%af%e3%82%b9%e3%81%a8%e3%81%ae%e9%80%a3%e6%90%ba\" >Analytics integration<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/hanami-web.tokyo.jp\/blog\/en\/webmarketing\/integration-clarity-microsoft\/#clarity%e3%81%ae%e4%b8%bb%e3%81%aa%e6%a9%9f%e8%83%bd%e3%82%92%e7%b4%b9%e4%bb%8b\" >Introducing the main features of Clarity<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/hanami-web.tokyo.jp\/blog\/en\/webmarketing\/integration-clarity-microsoft\/#clarity%e3%83%80%e3%83%83%e3%82%b7%e3%83%a5%e3%83%9c%e3%83%bc%e3%83%89\" >Clarity Dashboard<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-10\" href=\"https:\/\/hanami-web.tokyo.jp\/blog\/en\/webmarketing\/integration-clarity-microsoft\/#clarity%e3%83%ac%e3%82%b3%e3%83%bc%e3%83%87%e3%82%a3%e3%83%b3%e3%82%b0%e6%a9%9f%e8%83%bd\" >Clarity Recording Function<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-11\" href=\"https:\/\/hanami-web.tokyo.jp\/blog\/en\/webmarketing\/integration-clarity-microsoft\/#clarity%e3%81%ae%e3%83%92%e3%83%bc%e3%83%88%e3%83%9e%e3%83%83%e3%83%97%e6%a9%9f%e8%83%bd\" >Clarity&#039;s Heatmap Feature<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-12\" href=\"https:\/\/hanami-web.tokyo.jp\/blog\/en\/webmarketing\/integration-clarity-microsoft\/#clarity%e3%81%a7%e3%81%ae%e3%82%a2%e3%83%8a%e3%83%aa%e3%83%86%e3%82%a3%e3%82%af%e3%82%b9%e3%83%87%e3%83%bc%e3%82%bf\" >Clarity Analytics Data<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-13\" href=\"https:\/\/hanami-web.tokyo.jp\/blog\/en\/webmarketing\/integration-clarity-microsoft\/#%e3%81%be%e3%81%a8%e3%82%81\" >summary<\/a><\/li><\/ul><\/nav><\/div>\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"microsoft_clarity%e3%81%a8%e3%81%af%ef%bc%9f\"><\/span>What is Microsoft Clarity?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>While many heatmaps are basically free, but require a fee if you have a large number of visitors, Microsoft Clarity is attracting attention as a completely free heatmap tool.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Know where to click<\/li>\n\n\n\n<li>Know where to view<\/li>\n\n\n\n<li>Recording function allows you to see the user&#039;s real movements<\/li>\n\n\n\n<li>Link with Analytics to get an overview of your access analysis<\/li>\n<\/ul>\n\n\n\n<p>Even though it has all these features, it&#039;s free!<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"google%e3%82%bf%e3%82%b0%e3%83%9e%e3%83%8d%e3%83%bc%e3%82%b8%e3%83%a3%e3%83%bc%e3%82%92%e4%bd%bf%e3%81%a3%e3%81%9fclarity%e8%a8%ad%e5%ae%9a%e6%96%b9%e6%b3%95\"><\/span>How to set up Clarity using Google Tag Manager<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Using Google Tag Manager, you can easily connect to Clarity without writing any code, so I always set up Google Tag Manager before installing Clarity.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"wordpress%e3%82%b5%e3%82%a4%e3%83%88%e3%81%a8google%e3%82%bf%e3%82%b0%e3%83%9e%e3%83%8d%e3%83%bc%e3%82%b8%e3%83%a3%e3%83%bc%e3%82%92%e6%8e%a5%e7%b6%9a\"><\/span>Connect your WordPress site to Google Tag Manager<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>First, connect your WordPress site to Google Tag Manager.<\/p>\n\n\n\n<p>The following blog post explains how to connect your WordPress site to Google Tag Manager without any coding.<br>\u2192<a href=\"https:\/\/hanami-web.tokyo.jp\/blog\/en\/webmarketing\/gtm-site-kit-by-google\/\" title=\"\">How to Integrate Google Tag Manager with Your WordPress Site<\/a><\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"microsoft_clality%e3%81%b8%e3%83%ad%e3%82%b0%e3%82%a4%e3%83%b3\"><\/span>Log in to Microsoft Clarity<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link has-white-color has-vivid-cyan-blue-background-color has-text-color has-background wp-element-button\" href=\"https:\/\/clarity.microsoft.com\/projects\" target=\"_blank\" rel=\"noreferrer noopener\">Microsoft Clarity<\/a><\/div>\n<\/div>\n\n\n\n<p>Click the &quot;Sign up is free&quot; button to create a new account.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"484\" src=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2022\/11\/image-49-1024x484.jpg\" alt=\"\" class=\"wp-image-10617\" srcset=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2022\/11\/image-49-1024x484.jpg 1024w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2022\/11\/image-49-300x142.jpg 300w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2022\/11\/image-49-768x363.jpg 768w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2022\/11\/image-49.jpg 1487w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Since you will want to set up site measurement via Google Tag Manager, it will be much smoother if you create a Clarity account with your Google account.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"670\" height=\"532\" src=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2022\/11\/image-49.png\" alt=\"\" class=\"wp-image-10618\" srcset=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2022\/11\/image-49.png 670w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2022\/11\/image-49-300x238.png 300w\" sizes=\"(max-width: 670px) 100vw, 670px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"%e3%83%97%e3%83%ad%e3%82%b8%e3%82%a7%e3%82%af%e3%83%88%e4%bd%9c%e6%88%90\"><\/span>Project Creation<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Create a new project for the site you want to measure.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Name \u2013 Enter a friendly identifying name<\/li>\n\n\n\n<li>Website URL \u2013 Enter your domain as shown in the example<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"561\" src=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2022\/11\/image-50-1024x561.png\" alt=\"\" class=\"wp-image-10619\" srcset=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2022\/11\/image-50-1024x561.png 1024w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2022\/11\/image-50-300x164.png 300w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2022\/11\/image-50-768x421.png 768w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2022\/11\/image-50.png 1092w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"google%e3%82%bf%e3%82%b0%e3%83%9e%e3%83%8d%e3%83%bc%e3%82%b8%e3%83%a3%e3%83%bc%e3%81%a7%e3%82%b5%e3%82%a4%e3%83%88%e3%81%a8%e6%8e%a5%e7%b6%9a\"><\/span>Connect to your site with Google Tag Manager<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>When you create a project, there is an option to install using Google Tag Manager, which should be marked as [Detected]. You can connect from here. Click [Start Setup].<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"511\" src=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2022\/11\/image-54-1024x511.png\" alt=\"\" class=\"wp-image-10625\" srcset=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2022\/11\/image-54-1024x511.png 1024w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2022\/11\/image-54-300x150.png 300w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2022\/11\/image-54-768x384.png 768w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2022\/11\/image-54-1536x767.png 1536w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2022\/11\/image-54.png 1622w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Apply to connect now<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"815\" height=\"591\" src=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2022\/11\/image-55.png\" alt=\"\" class=\"wp-image-10626\" srcset=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2022\/11\/image-55.png 815w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2022\/11\/image-55-300x218.png 300w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2022\/11\/image-55-768x557.png 768w\" sizes=\"(max-width: 815px) 100vw, 815px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>GTM Account<\/li>\n\n\n\n<li>GTM Container<\/li>\n<\/ul>\n\n\n\n<p>Select to connect to a previously created GTM account.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"788\" src=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2022\/11\/image-56-1024x788.png\" alt=\"\" class=\"wp-image-10627\" srcset=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2022\/11\/image-56-1024x788.png 1024w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2022\/11\/image-56-300x231.png 300w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2022\/11\/image-56-768x591.png 768w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2022\/11\/image-56.png 1137w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Setup is complete.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"552\" height=\"522\" src=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2022\/11\/image-57.png\" alt=\"\" class=\"wp-image-10628\" srcset=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2022\/11\/image-57.png 552w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2022\/11\/image-57-300x284.png 300w\" sizes=\"(max-width: 552px) 100vw, 552px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"%e3%82%a2%e3%83%8a%e3%83%aa%e3%83%86%e3%82%a3%e3%82%af%e3%82%b9%e3%81%a8%e3%81%ae%e9%80%a3%e6%90%ba\"><\/span>Analytics integration<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>We will continue to link with Analytics. Click [Get Started].<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"580\" height=\"560\" src=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2022\/11\/image-51.png\" alt=\"\" class=\"wp-image-10620\" srcset=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2022\/11\/image-51.png 580w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2022\/11\/image-51-300x290.png 300w\" sizes=\"(max-width: 580px) 100vw, 580px\" \/><\/figure>\n\n\n\n<p>Select the Analytics account you want to connect to. Make sure you connect to the one that is marked as GA4.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"522\" height=\"321\" src=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2022\/11\/image-52.png\" alt=\"\" class=\"wp-image-10621\" srcset=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2022\/11\/image-52.png 522w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2022\/11\/image-52-300x184.png 300w\" sizes=\"(max-width: 522px) 100vw, 522px\" \/><\/figure>\n\n\n\n<p>Connection complete.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"535\" height=\"522\" src=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2022\/11\/image-53.png\" alt=\"\" class=\"wp-image-10622\" srcset=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2022\/11\/image-53.png 535w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2022\/11\/image-53-300x293.png 300w\" sizes=\"(max-width: 535px) 100vw, 535px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"clarity%e3%81%ae%e4%b8%bb%e3%81%aa%e6%a9%9f%e8%83%bd%e3%82%92%e7%b4%b9%e4%bb%8b\"><\/span>Introducing the main features of Clarity<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Here are some of Clarity&#039;s key features:<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"clarity%e3%83%80%e3%83%83%e3%82%b7%e3%83%a5%e3%83%9c%e3%83%bc%e3%83%89\"><\/span>Clarity Dashboard<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>You can also find out the number of users currently accessing your site in real time. It also shows you which pages are most viewed and detects errors.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"329\" src=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2022\/11\/image-58-1024x329.png\" alt=\"\" class=\"wp-image-10629\" srcset=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2022\/11\/image-58-1024x329.png 1024w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2022\/11\/image-58-300x96.png 300w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2022\/11\/image-58-768x247.png 768w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2022\/11\/image-58-1536x493.png 1536w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2022\/11\/image-58.png 1841w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"clarity%e3%83%ac%e3%82%b3%e3%83%bc%e3%83%87%e3%82%a3%e3%83%b3%e3%82%b0%e6%a9%9f%e8%83%bd\"><\/span>Clarity Recording Function<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>User actions are recorded. Using this function, you can check what the actual user was doing.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"380\" src=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2022\/11\/image-59-1024x380.png\" alt=\"\" class=\"wp-image-10630\" srcset=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2022\/11\/image-59-1024x380.png 1024w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2022\/11\/image-59-300x111.png 300w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2022\/11\/image-59-768x285.png 768w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2022\/11\/image-59-1536x571.png 1536w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2022\/11\/image-59.png 1892w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"clarity%e3%81%ae%e3%83%92%e3%83%bc%e3%83%88%e3%83%9e%e3%83%83%e3%83%97%e6%a9%9f%e8%83%bd\"><\/span>Clarity&#039;s Heatmap Feature<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Check where you click<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"389\" src=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2022\/11\/image-61-1024x389.png\" alt=\"\" class=\"wp-image-10632\" srcset=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2022\/11\/image-61-1024x389.png 1024w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2022\/11\/image-61-300x114.png 300w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2022\/11\/image-61-768x292.png 768w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2022\/11\/image-61-1536x584.png 1536w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2022\/11\/image-61.png 1797w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Check the scroll rate<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"383\" src=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2022\/11\/image-60-1024x383.png\" alt=\"\" class=\"wp-image-10631\" srcset=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2022\/11\/image-60-1024x383.png 1024w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2022\/11\/image-60-300x112.png 300w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2022\/11\/image-60-768x287.png 768w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2022\/11\/image-60-1536x574.png 1536w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2022\/11\/image-60.png 1917w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"clarity%e3%81%a7%e3%81%ae%e3%82%a2%e3%83%8a%e3%83%aa%e3%83%86%e3%82%a3%e3%82%af%e3%82%b9%e3%83%87%e3%83%bc%e3%82%bf\"><\/span>Clarity Analytics Data<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>You can check the number of sessions, referring channels, popular pages, number of sessions by country, and number of sessions by device.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"383\" src=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2022\/11\/image-62-1024x383.png\" alt=\"\" class=\"wp-image-10633\" srcset=\"https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2022\/11\/image-62-1024x383.png 1024w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2022\/11\/image-62-300x112.png 300w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2022\/11\/image-62-768x287.png 768w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2022\/11\/image-62-1536x574.png 1536w, https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2022\/11\/image-62.png 1651w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"%e3%81%be%e3%81%a8%e3%82%81\"><\/span>summary<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>By using heat maps, you can efficiently make hypotheses about which parts of a page need improvement and make improvements.<\/p>\n\n\n\n<p>There is no 100% correct method, but I think it is more efficient than just trying to improve things haphazardly!<\/p>","protected":false},"excerpt":{"rendered":"<p>\u5b8c\u5168\u7121\u6599\u3067\u4f7f\u3048\u308b\u30d2\u30fc\u30c8\u30de\u30c3\u30d7\u30c4\u30fc\u30eb\u3067\u3042\u308b\u3001 Microsoft\u306eClarity\u306eGoogle\u30bf\u30b0\u30de\u30cd\u30fc\u30b8\u30e3\u30fc\u3092\u4f7f\u3063\u305fWordPress\u30b5\u30a4\u30c8\u3068\u306e\u63a5\u7d9a\u65b9\u6cd5\u3092\u89e3\u8aac\u3057\u307e\u3059\u3002 Microsoft Clarity\u3068\u306f\uff1f \u57fa\u672c\u7684\u306b\u306f [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":10624,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"content-type":"","_uag_custom_page_level_css":"","footnotes":""},"categories":[1507],"tags":[1523,1513],"class_list":["post-10616","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-webmarketing","tag-clality","tag-1513"],"blocksy_meta":[],"aioseo_notices":[],"uagb_featured_image_src":{"full":["https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2022\/11\/thumnail-6.png",720,540,false],"thumbnail":["https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2022\/11\/thumnail-6-150x150.png",150,150,true],"medium":["https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2022\/11\/thumnail-6-300x225.png",300,225,true],"medium_large":["https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2022\/11\/thumnail-6.png",720,540,false],"large":["https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2022\/11\/thumnail-6.png",720,540,false],"1536x1536":["https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2022\/11\/thumnail-6.png",720,540,false],"2048x2048":["https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2022\/11\/thumnail-6.png",720,540,false],"trp-custom-language-flag":["https:\/\/hanami-web.tokyo.jp\/blog\/wp-content\/uploads\/2022\/11\/thumnail-6.png",16,12,false]},"uagb_author_info":{"display_name":"\u682a\u5f0f\u4f1a\u793eHanamiWEB \u4ee3\u8868\u53d6\u7de0\u5f79 \u677e\u6d66\u307f\u3055","author_link":"https:\/\/hanami-web.tokyo.jp\/blog\/en\/author\/hanami\/"},"uagb_comment_info":0,"uagb_excerpt":"\u5b8c\u5168\u7121\u6599\u3067\u4f7f\u3048\u308b\u30d2\u30fc\u30c8\u30de\u30c3\u30d7\u30c4\u30fc\u30eb\u3067\u3042\u308b\u3001 Microsoft\u306eClarity\u306eGoogle\u30bf\u30b0\u30de\u30cd\u30fc\u30b8\u30e3\u30fc\u3092&hellip;","brizy_media":[],"_links":{"self":[{"href":"https:\/\/hanami-web.tokyo.jp\/blog\/en\/wp-json\/wp\/v2\/posts\/10616","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hanami-web.tokyo.jp\/blog\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/hanami-web.tokyo.jp\/blog\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/hanami-web.tokyo.jp\/blog\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hanami-web.tokyo.jp\/blog\/en\/wp-json\/wp\/v2\/comments?post=10616"}],"version-history":[{"count":0,"href":"https:\/\/hanami-web.tokyo.jp\/blog\/en\/wp-json\/wp\/v2\/posts\/10616\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/hanami-web.tokyo.jp\/blog\/en\/wp-json\/wp\/v2\/media\/10624"}],"wp:attachment":[{"href":"https:\/\/hanami-web.tokyo.jp\/blog\/en\/wp-json\/wp\/v2\/media?parent=10616"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/hanami-web.tokyo.jp\/blog\/en\/wp-json\/wp\/v2\/categories?post=10616"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/hanami-web.tokyo.jp\/blog\/en\/wp-json\/wp\/v2\/tags?post=10616"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}