CINXE.COM

<html lang="en" data-powered-by="==== Powered by Beamer - www.getbeamer.com ===="> <head><script type="text/javascript" src="/_static/js/bundle-playback.js?v=HxkREWBo" charset="utf-8"></script> <script type="text/javascript" src="/_static/js/wombat.js?v=txqj7nKC" charset="utf-8"></script> <script>window.RufflePlayer=window.RufflePlayer||{};window.RufflePlayer.config={"autoplay":"on","unmuteOverlay":"hidden"};</script> <script type="text/javascript" src="/_static/js/ruffle/ruffle.js"></script> <script type="text/javascript"> __wm.init("https://web.archive.org/web"); __wm.wombat("https://www.hotjar.com/updates/en","20211019025802","https://web.archive.org/","web","/_static/", "1634612282"); </script> <link rel="stylesheet" type="text/css" href="/_static/css/banner-styles.css?v=S1zqJCYt" /> <link rel="stylesheet" type="text/css" href="/_static/css/iconochive.css?v=3PDvdIFv" />  <meta charset="utf-8"> <meta http-equiv="CACHE-CONTROL" content="max-age=60, public"> <title>What's new in Hotjar</title> <meta name="description" content="Hotjar makes it easy to go beyond traditional web analytics and understand what users are really doing on your site.. Changelog and newsfeed."> <meta name="keywords" content="What's, Hotjar, changelog, newsfeed, feed, news, roadmap"> <meta name="referrer" content="always"> <meta lang="en"> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <meta http-equiv="content-language" content="en"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1, maximum-scale=1"> <link rel="canonical" href="https://web.archive.org/web/20211019025802/https://www.hotjar.com/updates/en"> <meta content="index, follow"> <meta property="og:locale" content="en"> <meta property="og:title" content="What's new in Hotjar"> <meta property="og:url" content="https://web.archive.org/web/20211019025802/https://www.hotjar.com/updates/en"> <meta property="og:site_name" content="What's new in Hotjar"> <meta property="og:description" content="Hotjar makes it easy to go beyond traditional web analytics and understand what users are really doing on your site."> <meta property="og:type" content="article"> <meta property="og:image" content="https://web.archive.org/web/20211019025802im_/https://app.getbeamer.com/pictures?id=173537-77-9eu-_ve-_vRbvv73vv70Teu-_ve-_vSY277-9Y0Xvv70aYnwFb--_ve-_vV8l77-9QO-_ve-_vTPvv70._.png"> <meta property="article:publisher" content="https://www.getbeamer.com/"> <meta property="fb:app_id" content="213351392791601"/> <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:description" content="Hotjar makes it easy to go beyond traditional web analytics and understand what users are really doing on your site."> <meta name="twitter:title" content="What's new in Hotjar"> <meta name="twitter:image" content="https://web.archive.org/web/20211019025802im_/https://app.getbeamer.com/pictures?id=173537-77-9eu-_ve-_vRbvv73vv70Teu-_ve-_vSY277-9Y0Xvv70aYnwFb--_ve-_vV8l77-9QO-_ve-_vTPvv70._.png"> <link href="https://web.archive.org/web/20211019025802cs_/https://app.getbeamer.com/styles/styles.css?v=2" rel="stylesheet" type="text/css"/> <style type="text/css"> .featureTitle a, .featureAction a, .featureContent a { color: #324fbe !important; } body:not(.inapp) .header, body:not(.inapp) .news .cover, body:not(.inapp) .modeTab.widgetMode { background-color: #202641 !important; } .headerTitle, .headerTitle a, .headerMention a, .headerSubtitle, body:not(.inapp) .modeTab.widgetMode .modeButton { color: #ffffff !important; } .headerClose svg, .headerNav svg { fill: #ffffff !important; } .actionlist .subscribeAction a.actionlink { color: #ffffff !important; border-color: #ffffff !important; } .actionlist .subscribeAction a.actionlink:hover { background: #ffffff !important; color: #202641 !important; } .headerTitle, .headerSubtitle, .featureTitle { font-size: 20px !important; } .feature, .feedbackSubmited { color: #1c1c1c !important; } .feature { background: #ffffff !important; } .feature.hasReadmore .featureContent:after { background: transparent; background: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0)), to(#ffffff)); background: -webkit-linear-gradient(top, rgba(255,255,255,0), #ffffff); background: -moz-linear-gradient(top, rgba(255,255,255,0), #ffffff); background: -o-linear-gradient(top, rgba(255,255,255,0), #ffffff); background: linear-gradient(top, rgba(255,255,255,0), #ffffff); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0); -ms-filter: "filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0);"; } .news, .poweredFooter { background-color: #f6f6f7 !important; } .featureTitle a, .featureAction a { color: #324fbe !important; } .featureAction svg { fill: #324fbe !important; } .backButton { color: #324fbe !important; } .backButtonIcon { fill: #324fbe !important; } .featureDate .date, .featureDate span { color: #999999 !important; } .category.categoryNew, .catItem .ico.new { background: #ff3c00 !important; } .category.categoryImprovement, .catItem .ico.improvement { background: #ff3c00 !important; } .category.categoryFix, .catItem .ico.fix { background: #324fbe !important; } .category.categoryComingSoon, .catItem .ico.comingsoon { background: #a6a8b3 !important; } .category.categoryAnnouncement, .catItem .ico.announcement { background: #ff3c00 !important; } .featureContent, .featureAction { font-size: 16px !important; } .featureAction svg { width: 16px !important; height: 16px !important; } body.inapp .header, body.inapp .news .cover { background-color: #324fbe !important; } .standalone .header .publicLogo.custom { background-image: url('https://web.archive.org/web/20211019025802im_/https://static.getbeamer.com/zeKLgqli17986/logo_5601.png')!important; } body[data-link-mode="button"] .featureAction a { background: #202641 !important; color: #ffffff !important; } body[data-link-mode="button"] .featureAction a:hover, body[data-link-mode="button"] .featureAction a:active, body[data-link-mode="button"] .featureAction a:focus { background: #202641 !important; color: #ffffff !important; } .feature.boostedAnnouncementPopup .featureAction a { background: #202641 !important; color: #ffffff !important; } .feature.boostedAnnouncementPopup .featureAction a:hover, .feature.boostedAnnouncementPopup .featureAction a:active, .feature.boostedAnnouncementPopup .featureAction a:focus { background: #202641 !important; color: #ffffff !important; } </style> <style media="screen" type="text/css"> .feature .featureContent h2 > a { display: block; width: 60%; margin: 30px auto; padding: 6px 18px !important; text-align: center; font-size: 24px !important; font-weight: normal !important; background: rgba(255, 60, 0, 1) !important; color: rgb(255,255,255) !important; border-radius: 6px !important; text-decoration: none; } .headerPro {padding: 10px 25px !important; display: flex !important; align-items: center; height: 60px !important;} .header.headerPro, .header.headerPro.asleep {display: flex !important;} .headerPro .headerProHeading {display: inline-block; height: 40px;} .headerPro .headerProHeading:hover {background: none; background: none; color: #fff !important; text-decoration: none;} .headerPro .headerProHeading .headerProLogo, .headerPro .headerProHeading .headerProTitle { display: inline-block; vertical-align: middle; } .headerPro .headerProHeading .headerProLogo svg {height: 100%;} .headerPro .headerProHeading .headerProTitle {margin: 0 0 0 12px; padding: 0px 0 0 12px; font-size: 20px; position: relative;} .headerPro .headerProHeading .headerProTitle:before { content: ""; display: inline-block; position: absolute; left: 0; height: 30px; top: 50%; transform: translateY(-50%); border-left: 1px solid; } .headerPro .headerProActions {display: inline-block; vertical-align: middle; flex-grow: 1; text-align: right;} .headerPro .headerProActions .headerProAction {display: inline-block; vertical-align: middle; margin-left: 20px;} .headerPro .headerProActions .headerProAction a { padding: 0 0 0 10px; background: transparent !important; transition: all .25s ease; } .headerPro .headerProActions .headerProAction a:hover, .headerPro .headerProActions .headerProAction a:focus, .headerPro .headerProActions .headerProAction a:active {color: #fff !important; text-decoration: underline;} .headerPro .headerProActions .headerProAction a .headerProIcon { height: 16px; display: inline-block; vertical-align: middle; margin: -4px 2px 0 0; } .headerPro .headerProActions .headerProAction a .headerProIcon svg {height: 100%; fill: #fff;} .headerPro + .streamSearch + .panel + .container #firstResults {margin-top: -160px !important;} .headerPro + .streamSearch + .panel + .container .cover {height: 180px !important;} .headerPro + .streamSearch + .panel + .container .streamNav {padding-top: 0 !important;} @media all and (max-width: 900px){ .headerProActions {display: none !important;} .standalone .news {padding-top: 170px!important;} } @media all and (max-width: 400px){ .headerProTitle {display: none !important;} } </style> <style media="screen" type="text/css"> .header.standard { visibility: hidden !important; } </style> <link href="https://web.archive.org/web/20211019025802cs_/https://app.getbeamer.com/styles/public.css?v=r" rel="stylesheet" type="text/css"/> <link rel="shortcut icon" href="https://web.archive.org/web/20211019025802im_/https://static.getbeamer.com/zeKLgqli17986/logo_small_5603.png" type="image/x-icon"/> <link rel="next" href="https://web.archive.org/web/20211019025802/https://www.hotjar.com/updates/en?page=1"/> <script src="https://web.archive.org/web/20211019025802js_/https://app.getbeamer.com/js/jquery/jquery-3.6.0.min.js"></script> <script src="https://web.archive.org/web/20211019025802js_/https://app.getbeamer.com/js/perfect-scrollbar.jquery.min.js"></script> <script type="text/javascript" src="https://web.archive.org/web/20211019025802js_/https://app.getbeamer.com/js/scroll.jquery.js"></script> <script type="text/javascript" src="https://web.archive.org/web/20211019025802js_/https://app.getbeamer.com/js/mark.min.js"></script> <script type="text/javascript" src="https://web.archive.org/web/20211019025802js_/https://app.getbeamer.com/js/human.js?v=2"></script> <script type="text/javascript" src="https://web.archive.org/web/20211019025802js_/https://app.getbeamer.com/js/beamer.js?v=9" onload="BeamerEmbed.init(true, false, true);"></script> <script> var _changelogView = true; var _roadmapView = false; var _featureRequestsView = false; var _focus = false; var _comment = false; var _preview = "false"; var _product_id = "zeKLgqli17986"; var _lastViewDate = "2020-10-19T02:58:02.744Z"; var _ignoreUrlParameters = false; var _role = "s_HCWoPasV913;s_iSDiKvEm1499;s_pJcjHVwD740;s_OAVVeiyc1497;s_BBKvqAbk2285;s_mqLymRsT1519"; var _forceFilter; var _theme; var _headerColor; var _standaloneLogoUrl = "https:\/\/web.archive.org\/web\/20211019025802\/https:\/\/static.getbeamer.com\/zeKLgqli17986\/logo_5601.png"; var _productName; var _language = "EN"; var _userId = '072d1ee7-bd97-42f9-8a75-3b01020ef411'; var _firstname = 'Orange'; var _lastname = 'Eagle'; var _email; var _customUserId; var _category; var _publicPage = "true"; var _post = "false"; var _basePath = "https://web.archive.org/web/20211019025802/https://www.hotjar.com/updates/en"; var _featureRequestsBasePath = "https://web.archive.org/web/20211019025802/https://www.hotjar.com/updates/requests/en"; var _roadmapBasePath = "https://web.archive.org/web/20211019025802/https://www.hotjar.com/updates/roadmap/en"; var _postUrl; var _search; var _sort; var _userEmail; var _refUrl = "https:\/\/web.archive.org\/web\/20211019025802\/https:\/\/www.hotjar.com\/"; var _noPostsLabel = "No posts to display yet"; var _page = 0; var _inApp = false; var _addUtmParameters = true; var _feedbackEmpty = "Comment can\'t be empty"; var _useCustomPushDomain = false; var _multilineFeedback = false; var _showEmailPrompt = false; var _accessibilityMode = false; </script> </head> <body class="standalone " data-link-mode="button" data-mode="changelog"> <div class="header dark solid headerPro"> <a class="headerProHeading" href="https://web.archive.org/web/20211019025802/https://www.hotjar.com/updates/"> <div class="headerProLogo"> <svg width="93" height="24" viewbox="0 0 93 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M6.59447 7.3608C8.6715 6.20285 11.5162 4.61658 11.5162 0H8.07163C8.07163 2.58299 6.81853 3.2816 4.92168 4.33915C2.84466 5.49753 0 7.08309 0 11.7001H3.44452C3.44452 9.11696 4.69762 8.41836 6.59447 7.3608Z" fill="#FF3C00"/> <path d="M12.5558 6.29993C12.5558 8.88306 11.3027 9.58166 9.40581 10.6391C7.32934 11.797 4.48413 13.383 4.48413 18H7.92851C7.92851 15.4169 9.18161 14.7183 11.0785 13.6607C13.1555 12.5028 16 10.9169 16 6.29993H12.5558Z" fill="#FF3C00"/> <path d="M24 18.1962V0.0261841H26.8392V7.18953C27.7332 5.86542 29.0742 5.20314 30.862 5.20267C32.3869 5.20267 33.5657 5.65144 34.3985 6.54898C35.2312 7.44652 35.6476 8.69708 35.6477 10.3007V18.1962H32.8085V10.6928C32.8085 8.61898 31.8795 7.58193 30.0213 7.58165C29.0921 7.58165 28.3296 7.86052 27.7339 8.41826C27.1383 8.976 26.8402 9.76033 26.8396 10.7713V18.1959L24 18.1962Z" fill="white"/> <path d="M49.0649 16.6279C47.8029 17.8828 46.2166 18.5102 44.306 18.5102C42.3955 18.5102 40.8047 17.8828 39.5337 16.6279C38.2628 15.3729 37.6273 13.7779 37.6274 11.8429C37.6275 9.90786 38.2629 8.31754 39.5337 7.07192C40.8045 5.82601 42.3953 5.20292 44.306 5.20264C46.2168 5.20235 47.8031 5.82545 49.0649 7.07192C50.3272 8.31829 50.9583 9.90861 50.9582 11.8429C50.9581 13.7771 50.327 15.3721 49.0649 16.6279ZM41.6109 15.0329C42.2853 15.8172 43.1837 16.2094 44.306 16.2094C45.4284 16.2094 46.3267 15.8172 47.001 15.0329C47.6756 14.2487 48.013 13.1853 48.0133 11.8429C48.0133 10.5184 47.6715 9.46393 46.9879 8.6795C46.3043 7.89507 45.4104 7.5029 44.306 7.503C43.184 7.503 42.2856 7.89079 41.6109 8.66638C40.9363 9.44196 40.5988 10.5006 40.5986 11.8423C40.5986 13.1853 40.9361 14.2489 41.6109 15.0329Z" fill="white"/> <path d="M57.5312 18.5098C54.9191 18.5098 53.6131 17.1154 53.6131 14.3267V7.8954H51.6416V5.51642H53.6925L54.3499 1.77856H56.4793V5.51642H61.5539V7.8954H56.4795V14.2484C56.4795 15.4163 56.909 16.0002 57.7678 16.0001C58.5739 16.0001 59.3013 15.268 59.9501 13.8039L62.1589 14.9282C61.0718 17.3162 59.5292 18.5101 57.5312 18.5098Z" fill="white"/> <path d="M63.0709 24C61.8088 24 60.7658 23.6514 59.942 22.9542L60.9938 20.7321C61.5023 21.3243 62.0545 21.6208 62.6503 21.6213C63.439 21.6213 63.8334 21.1159 63.8334 20.1051V5.5164H66.6725V20.1566C66.6725 21.5162 66.3351 22.4966 65.6602 23.0978C64.9854 23.699 64.1223 23.9997 63.0709 24ZM65.2532 3.37243C64.7864 3.38818 64.3325 3.21896 63.9911 2.90197C63.8269 2.74811 63.6975 2.56134 63.6114 2.35401C63.5254 2.14669 63.4845 1.92354 63.4917 1.69935C63.4854 1.47333 63.5266 1.24848 63.6125 1.03915C63.6985 0.829825 63.8275 0.64062 63.9911 0.483608C64.3344 0.172467 64.7821 0 65.2466 0C65.7111 0 66.1589 0.172467 66.5022 0.483608C66.6693 0.638668 66.8014 0.827208 66.8898 1.03678C66.9781 1.24635 67.0208 1.47218 67.0149 1.69935C67.0191 1.92242 66.9755 2.14381 66.8871 2.34887C66.7987 2.55393 66.6675 2.73798 66.5022 2.88884C66.3363 3.04723 66.1405 3.17148 65.9262 3.25446C65.7119 3.33745 65.4832 3.37754 65.2532 3.37243Z" fill="white"/> <path d="M73.7248 18.5099C72.2696 18.5099 71.0908 18.1483 70.1883 17.425C69.2859 16.7017 68.8345 15.7303 68.8344 14.5106C68.8344 13.3952 69.3032 12.4495 70.241 11.6735C71.1788 10.8974 72.3576 10.5096 73.7773 10.5101C75.2323 10.5101 76.4593 10.972 77.4585 11.8958V10.3531C77.4585 9.44712 77.2262 8.74559 76.7616 8.24854C76.297 7.7515 75.6353 7.50312 74.7766 7.5034C73.0413 7.5034 71.9633 8.38353 71.5425 10.1438L68.9394 9.59486C69.2896 8.23546 69.982 7.1636 71.0167 6.37926C72.0514 5.59493 73.3397 5.20276 74.8816 5.20276C76.5646 5.20276 77.8924 5.64287 78.8651 6.5231C79.8378 7.40332 80.3243 8.68866 80.3244 10.3791V18.1963H77.5635V16.6012C76.6342 17.8739 75.3547 18.5101 73.7248 18.5099ZM74.2501 16.4184C75.5122 16.4184 76.5817 15.791 77.4583 14.5362V14.1436C76.5816 13.0979 75.5122 12.5751 74.2501 12.5751C73.514 12.5751 72.9177 12.7539 72.4614 13.1115C72.2457 13.2696 72.0711 13.4766 71.9522 13.7153C71.8332 13.954 71.7734 14.2176 71.7777 14.484C71.7708 14.7531 71.8279 15.0201 71.9445 15.2632C72.061 15.5063 72.2336 15.7185 72.4483 15.8826C72.8962 16.2399 73.497 16.4185 74.2506 16.4184H74.2501Z" fill="white"/> <path d="M83.0876 18.1962V5.51644H85.8485V7.71249C86.5494 6.10909 87.7589 5.30735 89.4769 5.30725C90.4933 5.30725 91.3347 5.63839 92.0011 6.30068C92.6676 6.96297 93.0005 7.85185 92.9999 8.96733C92.9929 9.63495 92.8775 10.2971 92.6581 10.9281L90.0551 10.6667C90.1085 10.3202 90.1436 9.97115 90.1602 9.62101C90.1602 8.31384 89.6169 7.66021 88.5302 7.66012C87.7938 7.66012 87.1759 8.04791 86.6765 8.8235C86.1771 9.59908 85.9273 10.6231 85.927 11.8955V18.1962H83.0876Z" fill="white"/> </svg> </div> <div class="headerProTitle">What's new in Hotjar</div> </a> <div class="headerProActions"> <span class="headerProAction"> Already a customer? <a class="custom_header_link_underline" href="https://web.archive.org/web/20211019025802/https://insights.hotjar.com/login">Go to your account</a> </span> <span class="headerProAction"> <a href="https://web.archive.org/web/20211019025802/https://www.hotjar.com/"> <div class="headerProIcon"> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewbox="0 0 33.8 30" style="enable-background:new 0 0 33.8 30;" xml:space="preserve"> <path d="M11.5,22c-0.3-0.3-0.3-0.7,0-1L30.4,2l0,0l-5.3,0c-0.4,0-0.7-0.3-0.7-0.7V0.7c0-0.4,0.3-0.7,0.7-0.7l8,0 c0.4,0,0.7,0.3,0.7,0.7l0,8c0,0.4-0.3,0.7-0.7,0.7h-0.6c-0.4,0-0.7-0.3-0.7-0.7l0-5.3l0,0L12.8,22.3c-0.3,0.3-0.7,0.3-1,0L11.5,22 L11.5,22z M25,12.8l-0.5,0.5c-0.1,0.1-0.2,0.3-0.2,0.5v13.4c0,0.5-0.4,0.9-0.9,0.9H2.8c-0.5,0-0.9-0.4-0.9-0.9V6.6 c0-0.5,0.4-0.9,0.9-0.9h19.9c0.2,0,0.4-0.1,0.5-0.2L23.7,5c0.4-0.4,0.1-1.2-0.5-1.2H2.8C1.3,3.8,0,5,0,6.6v20.6 C0,28.7,1.3,30,2.8,30h20.6c1.6,0,2.8-1.3,2.8-2.8V13.3C26.2,12.7,25.5,12.4,25,12.8z"/> </svg> </div> Learn more about Hotjar </a> </span> </div> </div> <div class="header dark standard solid"> <nav class="nav actions"> <div class="actionsContent"> <a class="publicLogo custom" href="https://web.archive.org/web/20211019025802/https://www.hotjar.com/updates/en"></a> <ul class="actionlist"> <li class="action searchAction"> <div class="headerNav" tabindex="0" onclick="BeamerEmbed.showSearch();" onkeypress="BeamerEmbed.showSearch();" role="button" aria-label="Search"> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="26px" height="26px" viewbox="0 0 26 26" enable-background="new 0 0 26 26" xml:space="preserve"> <path d="M23.849,22.147l-5.218-5.217c-0.097-0.099-0.225-0.15-0.365-0.15H17.7c1.354-1.568,2.174-3.609,2.174-5.844 C19.874,6,15.874,2,10.937,2C6,2,2,6,2,10.937c0,4.938,4,8.938,8.937,8.938c2.234,0,4.275-0.82,5.844-2.174v0.565 c0,0.141,0.058,0.269,0.15,0.365l5.217,5.218c0.2,0.201,0.527,0.201,0.73,0l0.971-0.971C24.05,22.675,24.05,22.348,23.849,22.147z M10.937,17.812c-3.798,0-6.875-3.076-6.875-6.875c0-3.798,3.077-6.875,6.875-6.875c3.799,0,6.875,3.077,6.875,6.875 C17.812,14.735,14.735,17.812,10.937,17.812z"></path> </svg> </div> </li> </ul> </div> </nav> <h1 class="headerTitle"> <a href="https://web.archive.org/web/20211019025802/https://www.hotjar.com/updates/en"> What's new in Hotjar </a> </h1> <h2 class="headerSubtitle"> Hotjar makes it easy to go beyond traditional web analytics and understand what users are really doing on your site. </h2> </div> <div class="streamSearch"> <div class="streamSearchBack" onclick="clearSearch();" onkeypress="clearSearch();" tabindex="0" role="button" aria-label="Clear search"> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="26px" height="26px" viewbox="0 0 26 26" enable-background="new 0 0 26 26" xml:space="preserve"> <path d="M7.756,1.935L6.75,2.94c-0.238,0.238-0.238,0.624,0,0.861L15.927,13L6.75,22.198 c-0.238,0.237-0.238,0.624,0,0.861l1.006,1.006c0.238,0.237,0.624,0.237,0.861,0l10.635-10.634c0.237-0.238,0.237-0.625,0-0.862 L8.617,1.935C8.379,1.697,7.994,1.697,7.756,1.935z"></path> </svg> </div> <input type="text" class="streamSearchInput" onfocus="BeamerEmbed.showSearch();" placeholder="Search in this feed" aria-label="Search in this feed"> <div class="streamSearchIcon"> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="26px" height="26px" viewbox="0 0 26 26" enable-background="new 0 0 26 26" xml:space="preserve"> <path d="M23.849,22.147l-5.218-5.217c-0.097-0.099-0.225-0.15-0.365-0.15H17.7c1.354-1.568,2.174-3.609,2.174-5.844 C19.874,6,15.874,2,10.937,2C6,2,2,6,2,10.937c0,4.938,4,8.938,8.937,8.938c2.234,0,4.275-0.82,5.844-2.174v0.565 c0,0.141,0.058,0.269,0.15,0.365l5.217,5.218c0.2,0.201,0.527,0.201,0.73,0l0.971-0.971C24.05,22.675,24.05,22.348,23.849,22.147z M10.937,17.812c-3.798,0-6.875-3.076-6.875-6.875c0-3.798,3.077-6.875,6.875-6.875c3.799,0,6.875,3.077,6.875,6.875 C17.812,14.735,14.735,17.812,10.937,17.812z"></path> </svg> <svg onclick="clearSearchInput();" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24"> <path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path> <path d="M0 0h24v24H0z" fill="none"></path> </svg> </div> </div> <div class="panel" id="panel-nav"> <nav class="nav streamNav"> <div class="streamCats singleCategory"> <ul class="streamCatsList"> <li class="catItem"> <a class="catItemLink active" href="https://web.archive.org/web/20211019025802/https://www.hotjar.com/updates/en?all&role=s_HCWoPasV913%3Bs_iSDiKvEm1499%3Bs_pJcjHVwD740%3Bs_OAVVeiyc1497%3Bs_BBKvqAbk2285%3Bs_mqLymRsT1519" " href="javascript:void(0)"> <i class="ico"></i> <span class="catItemName"> All </span> </a> </li> <li class="catItem category_announcement"> <a class="category_announcement catItemLink" href="https://web.archive.org/web/20211019025802/https://www.hotjar.com/updates/en?category=announcement&role=s_HCWoPasV913%3Bs_iSDiKvEm1499%3Bs_pJcjHVwD740%3Bs_OAVVeiyc1497%3Bs_BBKvqAbk2285%3Bs_mqLymRsT1519" href="javascript:void(0)"> <i class="ico announcement"></i> <span class="catItemName"> announcement </span> </a> </li> <li class="catItem category_forms"> <a class="category_forms catItemLink" href="https://web.archive.org/web/20211019025802/https://www.hotjar.com/updates/en?category=forms&role=s_HCWoPasV913%3Bs_iSDiKvEm1499%3Bs_pJcjHVwD740%3Bs_OAVVeiyc1497%3Bs_BBKvqAbk2285%3Bs_mqLymRsT1519" href="javascript:void(0)"> <i class="ico color-9" style="background: #202641;"></i> <span class="catItemName"> forms </span> </a> </li> <li class="catItem category_guides"> <a class="category_guides catItemLink" href="https://web.archive.org/web/20211019025802/https://www.hotjar.com/updates/en?category=guides&role=s_HCWoPasV913%3Bs_iSDiKvEm1499%3Bs_pJcjHVwD740%3Bs_OAVVeiyc1497%3Bs_BBKvqAbk2285%3Bs_mqLymRsT1519" href="javascript:void(0)"> <i class="ico color-7" style="background: #a18fd6;"></i> <span class="catItemName"> guides </span> </a> </li> <li class="catItem category_improvement"> <a class="category_improvement catItemLink" href="https://web.archive.org/web/20211019025802/https://www.hotjar.com/updates/en?category=improvement&role=s_HCWoPasV913%3Bs_iSDiKvEm1499%3Bs_pJcjHVwD740%3Bs_OAVVeiyc1497%3Bs_BBKvqAbk2285%3Bs_mqLymRsT1519" href="javascript:void(0)"> <i class="ico improvement"></i> <span class="catItemName"> improvement </span> </a> </li> <li class="catItem category_incoming_feedback"> <a class="category_incoming_feedback catItemLink" href="https://web.archive.org/web/20211019025802/https://www.hotjar.com/updates/en?category=incoming+feedback&role=s_HCWoPasV913%3Bs_iSDiKvEm1499%3Bs_pJcjHVwD740%3Bs_OAVVeiyc1497%3Bs_BBKvqAbk2285%3Bs_mqLymRsT1519" href="javascript:void(0)"> <i class="ico color-5" style="background: #202641;"></i> <span class="catItemName"> incoming feedback </span> </a> </li> <li class="catItem category_integrations"> <a class="category_integrations catItemLink" href="https://web.archive.org/web/20211019025802/https://www.hotjar.com/updates/en?category=integrations&role=s_HCWoPasV913%3Bs_iSDiKvEm1499%3Bs_pJcjHVwD740%3Bs_OAVVeiyc1497%3Bs_BBKvqAbk2285%3Bs_mqLymRsT1519" href="javascript:void(0)"> <i class="ico color-3" style="background: #a18fd6;"></i> <span class="catItemName"> integrations </span> </a> </li> <li class="catItem category_new"> <a class="category_new catItemLink" href="https://web.archive.org/web/20211019025802/https://www.hotjar.com/updates/en?category=new&role=s_HCWoPasV913%3Bs_iSDiKvEm1499%3Bs_pJcjHVwD740%3Bs_OAVVeiyc1497%3Bs_BBKvqAbk2285%3Bs_mqLymRsT1519" href="javascript:void(0)"> <i class="ico new"></i> <span class="catItemName"> new </span> </a> </li> <li class="catItem category_polls"> <a class="category_polls catItemLink" href="https://web.archive.org/web/20211019025802/https://www.hotjar.com/updates/en?category=polls&role=s_HCWoPasV913%3Bs_iSDiKvEm1499%3Bs_pJcjHVwD740%3Bs_OAVVeiyc1497%3Bs_BBKvqAbk2285%3Bs_mqLymRsT1519" href="javascript:void(0)"> <i class="ico color-6" style="background: #202641;"></i> <span class="catItemName"> polls </span> </a> </li> <li class="catItem category_recordings"> <a class="category_recordings catItemLink" href="https://web.archive.org/web/20211019025802/https://www.hotjar.com/updates/en?category=recordings&role=s_HCWoPasV913%3Bs_iSDiKvEm1499%3Bs_pJcjHVwD740%3Bs_OAVVeiyc1497%3Bs_BBKvqAbk2285%3Bs_mqLymRsT1519" href="javascript:void(0)"> <i class="ico color-8" style="background: #202641;"></i> <span class="catItemName"> recordings </span> </a> </li> <li class="catItem category_surveys"> <a class="category_surveys catItemLink" href="https://web.archive.org/web/20211019025802/https://www.hotjar.com/updates/en?category=surveys&role=s_HCWoPasV913%3Bs_iSDiKvEm1499%3Bs_pJcjHVwD740%3Bs_OAVVeiyc1497%3Bs_BBKvqAbk2285%3Bs_mqLymRsT1519" href="javascript:void(0)"> <i class="ico color-5" style="background: #202641;"></i> <span class="catItemName"> surveys </span> </a> </li> <li class="catItem watermark"> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="20px" height="20px" viewbox="0 0 20 20" enable-background="new 0 0 20 20" xml:space="preserve"><g><g><path d="M2.012,17.198c-0.537,0-1.047-0.316-1.265-0.841c-0.287-0.693,0.046-1.486,0.744-1.772L17.47,8.05 c0.698-0.285,1.498,0.045,1.785,0.739c0.287,0.694-0.046,1.488-0.743,1.773L2.532,17.097C2.362,17.166,2.186,17.198,2.012,17.198z"/></g><g><path d="M2.012,12.021c-0.537,0-1.047-0.316-1.265-0.841C0.46,10.487,0.793,9.693,1.491,9.408L17.47,2.873 c0.698-0.286,1.498,0.045,1.785,0.738c0.287,0.694-0.046,1.487-0.743,1.773L2.532,11.919C2.362,11.989,2.186,12.021,2.012,12.021z"/></g><g><path d="M2.012,6.675c-0.54,0-1.051-0.319-1.267-0.847C0.46,5.133,0.797,4.341,1.497,4.059L11.299,0.1 c0.699-0.283,1.497,0.051,1.781,0.747c0.284,0.694-0.052,1.487-0.752,1.769L2.526,6.575C2.358,6.643,2.184,6.675,2.012,6.675z"/></g><g><path d="M8.165,20c-0.54,0-1.051-0.32-1.267-0.848c-0.285-0.694,0.052-1.486,0.751-1.77l9.802-3.958 c0.699-0.282,1.497,0.052,1.781,0.746s-0.052,1.487-0.751,1.77l-9.803,3.959C8.51,19.967,8.336,20,8.165,20z"/></g></g></svg> Hotjar feed by <a class="watermarkLink" target="_blank" rel="follow" href="https://web.archive.org/web/20211019025802/https://www.getbeamer.com/?ref=watermark_zeKLgqli17986_public&company=Hotjar&watermarkRef=powered&utm_term=zeKLgqli17986&utm_content=Hotjar&utm_source=standalone&utm_medium=search&utm_campaign=powered">Beamer</a> </li> </ul> </div> </nav> </div> <div class="container" tabindex="-1"> <div class="news"> <div class="cover header dark solid"></div> <div class="stream"> <div class="streamContent" role="list"> <div id="firstResults"> <div role="listitem" data-description-id="18675016" data-post-title="Why (and how) we built Hotjar’s new brand" data-redirect-links="false" data-links-in-new-window="true" data-link="https://www.hotjar.com/blog/hotjar-new-brand/" class="feature announcement october unread hasLink hasShare" id="feature18519478"> <div class="featureDate"> <div class="category categoryAnnouncement announcement"> Announcement </div> <span>October 06, 2021</span> </div> <div class="featureControls"> <div class="social featureControl" data-action="share"> <div class="socialShare" onclick="BeamerEmbed.showSocialMenu(this)" onkeypress="BeamerEmbed.showSocialMenu(this)" tabindex="0" role="button" title="Share" aria-label="Share ('Why (and how) we built Hotjar’s new brand')"></div> <div class="socialOverlay"></div> <div class="socialList"> <ul> <li><a target="_blank" href="https://web.archive.org/web/20211019025802/https://www.facebook.com/dialog/share?app_id=213351392791601&display=page&href=https%3A%2F%2Fwww.hotjar.com%2Fupdates%2Fen%2Fwhy-and-how-we-built-hotjars-new-brand" class="shareLink" data-social="facebook">Facebook</a></li> <li><a target="_blank" href="https://web.archive.org/web/20211019025802/https://twitter.com/intent/tweet?text=Why+%28and+how%29+we+built+Hotjar%E2%80%99s+new+brand&url=https%3A%2F%2Fwww.hotjar.com%2Fupdates%2Fen%2Fwhy-and-how-we-built-hotjars-new-brand" class="shareLink" data-social="twitter">Twitter</a></li> <li><a target="_blank" href="https://web.archive.org/web/20211019025802/https://www.linkedin.com/shareArticle?source=Beamer&mini=true&title=Why+%28and+how%29+we+built+Hotjar%E2%80%99s+new+brand&summary= Always wanted to know what goes on behind a rebrand? Well now’s your chance. We’ve got a new look and feel at Hotjar, and we want to tell you exactly why (and how) we rebranded. Read o&url=https%3A%2F%2Fwww.hotjar.com%2Fupdates%2Fen%2Fwhy-and-how-we-built-hotjars-new-brand" class="shareLink" data-social="linkedin">LinkedIn</a></li> <li><a target="_blank" href="https://web.archive.org/web/20211019025802/https://api.whatsapp.com/send?text=https%3A%2F%2Fwww.hotjar.com%2Fupdates%2Fen%2Fwhy-and-how-we-built-hotjars-new-brand" class="shareLink" data-social="whatsapp">WhatsApp</a></li> <li><div onclick="BeamerEmbed.copyLink(this)" class="shareLink" data-social="copy"> <span class="copyLink"> Copy link </span> <span class="copiedLink" style="display: none;"> Copy link <i></i> </span> <textarea>https://www.hotjar.com/updates/en/why-and-how-we-built-hotjars-new-brand</textarea> </div></li> </ul> </div> </div> </div> <h3 class="featureTitle"> <a href="https://web.archive.org/web/20211019025802/https://www.hotjar.com/updates/en/why-and-how-we-built-hotjars-new-brand?role=s_HCWoPasV913%3Bs_iSDiKvEm1499%3Bs_pJcjHVwD740%3Bs_OAVVeiyc1497%3Bs_BBKvqAbk2285%3Bs_mqLymRsT1519"> Why (and how) we built Hotjar’s new brand </a> </h3> <div class="featureContent"> <div class="medium-insert-images"><figure> <img src="https://web.archive.org/web/20211019025802im_/https://app.getbeamer.com/pictures?id=173537-77-9eu-_ve-_vRbvv73vv70Teu-_ve-_vSY277-9Y0Xvv70aYnwFb--_ve-_vV8l77-9QO-_ve-_vTPvv70." alt="" loading="lazy"> </figure></div><p class="">Always wanted to know what goes on behind a rebrand? Well now’s your chance. We’ve got a new look and feel at Hotjar, and we want to tell you exactly why (and how) we rebranded. </p><p><a href="https://web.archive.org/web/20211019025802/https://www.hotjar.com/blog/hotjar-new-brand/" target="_blank" rel="noopener nofollow">Read our blog</a> to discover: </p><ul><li>What we set out to do, and how brands like Patagonia inspired us on our way</li><li>How we aimed to better serve our users—a community full of students, entrepreneurs, SMBs, and mid-market enterprises</li><li>How we decided on our new shiny logo, a blazing new set of colors, a playful new typeface, and more</li><li>Why our brand fits with how we want people to feel about Hotjar now and in the future</li></ul><p class="">Our rebrand was some journey. Now, it feels like we have something to be proud of, that makes Hotjar look just like Hotjar should.</p><p class="">We hope you enjoy the read.</p> <a class="readmoreButton" href="https://web.archive.org/web/20211019025802/https://www.hotjar.com/updates/en/why-and-how-we-built-hotjars-new-brand?role=s_HCWoPasV913%3Bs_iSDiKvEm1499%3Bs_pJcjHVwD740%3Bs_OAVVeiyc1497%3Bs_BBKvqAbk2285%3Bs_mqLymRsT1519"> Read More </a> </div> <div class="featureAction"> <a rel="nofollow" href="https://web.archive.org/web/20211019025802/https://www.hotjar.com/blog/hotjar-new-brand/" target="_blank"> Read the blog </a> <svg class="materialIcon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24"> <path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"/> <path d="M0 0h24v24H0z" fill="none"/> </svg> </div> </div> <div role="listitem" data-description-id="17515938" data-post-title="Hotjar has joined forces with Contentsquare" data-redirect-links="false" data-links-in-new-window="true" data-link="https://www.hotjar.com/blog/hotjar-and-contentsquare/" class="feature announcement september unread hasLink hasShare" id="feature17367274"> <div class="featureDate"> <div class="category categoryAnnouncement announcement"> Announcement </div> <span>September 01, 2021</span> </div> <div class="featureControls"> <div class="social featureControl" data-action="share"> <div class="socialShare" onclick="BeamerEmbed.showSocialMenu(this)" onkeypress="BeamerEmbed.showSocialMenu(this)" tabindex="0" role="button" title="Share" aria-label="Share ('Hotjar has joined forces with Contentsquare')"></div> <div class="socialOverlay"></div> <div class="socialList"> <ul> <li><a target="_blank" href="https://web.archive.org/web/20211019025802/https://www.facebook.com/dialog/share?app_id=213351392791601&display=page&href=https%3A%2F%2Fwww.hotjar.com%2Fupdates%2Fen%2Fhotjar-has-joined-forces-with-contentsquare" class="shareLink" data-social="facebook">Facebook</a></li> <li><a target="_blank" href="https://web.archive.org/web/20211019025802/https://twitter.com/intent/tweet?text=Hotjar+has+joined+forces+with+Contentsquare&url=https%3A%2F%2Fwww.hotjar.com%2Fupdates%2Fen%2Fhotjar-has-joined-forces-with-contentsquare" class="shareLink" data-social="twitter">Twitter</a></li> <li><a target="_blank" href="https://web.archive.org/web/20211019025802/https://www.linkedin.com/shareArticle?source=Beamer&mini=true&title=Hotjar+has+joined+forces+with+Contentsquare&summary= We're very excited to share with you that Hotjar has joined forces with Contentsquare!What Hotjar is to entrepreneurs, small and medium-sized businesses (SMBs) and mid-market companies&url=https%3A%2F%2Fwww.hotjar.com%2Fupdates%2Fen%2Fhotjar-has-joined-forces-with-contentsquare" class="shareLink" data-social="linkedin">LinkedIn</a></li> <li><a target="_blank" href="https://web.archive.org/web/20211019025802/https://api.whatsapp.com/send?text=https%3A%2F%2Fwww.hotjar.com%2Fupdates%2Fen%2Fhotjar-has-joined-forces-with-contentsquare" class="shareLink" data-social="whatsapp">WhatsApp</a></li> <li><div onclick="BeamerEmbed.copyLink(this)" class="shareLink" data-social="copy"> <span class="copyLink"> Copy link </span> <span class="copiedLink" style="display: none;"> Copy link <i></i> </span> <textarea>https://www.hotjar.com/updates/en/hotjar-has-joined-forces-with-contentsquare</textarea> </div></li> </ul> </div> </div> </div> <h3 class="featureTitle"> <a href="https://web.archive.org/web/20211019025802/https://www.hotjar.com/updates/en/hotjar-has-joined-forces-with-contentsquare?role=s_HCWoPasV913%3Bs_iSDiKvEm1499%3Bs_pJcjHVwD740%3Bs_OAVVeiyc1497%3Bs_BBKvqAbk2285%3Bs_mqLymRsT1519"> Hotjar has joined forces with Contentsquare </a> </h3> <div class="featureContent"> <div class="medium-insert-images"><figure> <img src="https://web.archive.org/web/20211019025802im_/https://app.getbeamer.com/pictures?id=166466-77-9HO-_vWrvv73vv73vv73vv71r77-9de-_ve-_ve-_vVMaNmID77-9NhXvv713RjXvv73vv70M77-9Te-_vQ.." alt="" loading="lazy"> </figure></div><p class="">We're very excited to share with you that <a href="https://web.archive.org/web/20211019025802/https://www.hotjar.com/blog/hotjar-and-contentsquare/" target="_blank" rel="noopener nofollow">Hotjar has joined forces with Contentsquare</a>!</p><p class="">What Hotjar is to entrepreneurs, small and medium-sized businesses (SMBs) and mid-market companies, <a href="https://web.archive.org/web/20211019025802/https://contentsquare.com/" target="_blank" rel="noopener nofollow">Contentsquare </a>is to enterprises. Founded in Paris in 2012, today they help over 750 enterprises in 26 countries deliver better digital experiences for their customers.</p><p class="">While this opens up an exciting new chapter for Hotjar, both companies will continue to operate independently for the foreseeable future, and rest assured we will maintain the same exact level of service and support to all our clients and continue to deliver on our roadmap as planned. </p><p class="">What this does mean, is that in the near future, we will be accelerating our innovation and new product development as we leverage Contentsquare’s technology and resources; such as their recently launched <a href="https://web.archive.org/web/20211019025802/https://contentsquare.com/blog/announcing-cookieless-analytics/" target="_blank" rel="noopener nofollow">cookieless technology</a>, their acquisition of <a href="https://web.archive.org/web/20211019025802/https://contentsquare.com/blog/contentsquare-acquires-upstride/" target="_blank" rel="noopener nofollow">machine and deep learning startup Upstride</a>, and their recent <a href="https://web.archive.org/web/20211019025802/https://contentsquare.com/series-e/" target="_blank" rel="noopener nofollow">$500 million Series E</a> investment round.</p><p class="">As a final note, we reflect on how well the <a href="https://web.archive.org/web/20211019025802/https://hotjar.atlassian.net/wiki/spaces/REC/pages/269942884/Hotjar+Core+Values" target="_blank" rel="noopener nofollow">Hotjar core values</a> have guided us throughout our journey these last seven years. We see our next chapter as a great opportunity to put you, our customers, even more at the heart of what we do, whilst being bolder, moving faster and continuing to challenge ourselves to grow. And while things will evolve at Hotjar (no doubt for the better), we promise to stay true to working with respect and gaining your continued trust with transparency.</p> <a class="readmoreButton" href="https://web.archive.org/web/20211019025802/https://www.hotjar.com/updates/en/hotjar-has-joined-forces-with-contentsquare?role=s_HCWoPasV913%3Bs_iSDiKvEm1499%3Bs_pJcjHVwD740%3Bs_OAVVeiyc1497%3Bs_BBKvqAbk2285%3Bs_mqLymRsT1519"> Read More </a> </div> <div class="featureAction"> <a rel="nofollow" href="https://web.archive.org/web/20211019025802/https://www.hotjar.com/blog/hotjar-and-contentsquare/" target="_blank"> Learn More </a> <svg class="materialIcon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24"> <path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"/> <path d="M0 0h24v24H0z" fill="none"/> </svg> </div> <div id="feedback17367274" class="featureFeedback noComment"> <div id="reactions" class="emojis"> <span class="emojiContainer"> <img src="https://web.archive.org/web/20211019025802im_/https://app.getbeamer.com/images/emojiNeg.svg" id="negativeemoji17367274" class="emoji" style="padding: 2px;" onclick="BeamerEmbed.reaction(17367274, 'negative')" onkeypress="BeamerEmbed.reaction(17367274, 'negative')" alt="emoji negative reaction for 'Hotjar has joined forces with Contentsquare'" title="Negative" aria-label="Negative reaction for 'Hotjar has joined forces with Contentsquare'" tabindex="0" role="button"/> </span> <span class="emojiContainer"> <img src="https://web.archive.org/web/20211019025802im_/https://app.getbeamer.com/images/emojiNeut.svg" id="neutralemoji17367274" class="emoji" style="padding-bottom: 0px;" onclick="BeamerEmbed.reaction(17367274, 'neutral')" onkeypress="BeamerEmbed.reaction(17367274, 'neutral')" alt="emoji neutral reaction for 'Hotjar has joined forces with Contentsquare'" title="Neutral" aria-label="Neutral reaction for 'Hotjar has joined forces with Contentsquare'" tabindex="0" role="button"/> </span> <span class="emojiContainer"> <img src="https://web.archive.org/web/20211019025802im_/https://app.getbeamer.com/images/emojiPos.svg" id="positiveemoji17367274" class="emoji" style="padding-bottom: 0px;" onclick="BeamerEmbed.reaction(17367274, 'positive')" onkeypress="BeamerEmbed.reaction(17367274, 'positive')" alt="emoji positive reaction for 'Hotjar has joined forces with Contentsquare'" title="Positive" aria-label="Positive reaction for 'Hotjar has joined forces with Contentsquare'" tabindex="0" role="button"/> </span> </div> </div> </div> <div role="listitem" data-description-id="16806390" data-post-title="Focus your time on users who take specific actions in your product ⚡" data-redirect-links="false" data-links-in-new-window="true" data-link="https://help.hotjar.com/hc/en-us/articles/4405109971095" class="feature improvement august unread hasLink hasShare" id="feature16658475"> <div class="featureDate"> <div class="category categoryImprovement improvement"> Improvement </div> <span>August 10, 2021</span> </div> <div class="featureControls"> <div class="social featureControl" data-action="share"> <div class="socialShare" onclick="BeamerEmbed.showSocialMenu(this)" onkeypress="BeamerEmbed.showSocialMenu(this)" tabindex="0" role="button" title="Share" aria-label="Share ('Focus your time on users who take specific actions in your product ⚡')"></div> <div class="socialOverlay"></div> <div class="socialList"> <ul> <li><a target="_blank" href="https://web.archive.org/web/20211019025802/https://www.facebook.com/dialog/share?app_id=213351392791601&display=page&href=https%3A%2F%2Fwww.hotjar.com%2Fupdates%2Fen%2Ffocus-your-time-on-users-who-take-specific-actions-in-your-product-" class="shareLink" data-social="facebook">Facebook</a></li> <li><a target="_blank" href="https://web.archive.org/web/20211019025802/https://twitter.com/intent/tweet?text=Focus+your+time+on+users+who+take+specific+actions+in+your+product+%E2%9A%A1&url=https%3A%2F%2Fwww.hotjar.com%2Fupdates%2Fen%2Ffocus-your-time-on-users-who-take-specific-actions-in-your-product-" class="shareLink" data-social="twitter">Twitter</a></li> <li><a target="_blank" href="https://web.archive.org/web/20211019025802/https://www.linkedin.com/shareArticle?source=Beamer&mini=true&title=Focus+your+time+on+users+who+take+specific+actions+in+your+product+%E2%9A%A1&summary= Have you ever wanted to watch recordings of users who visited yoursite.com/checkout, but didn’t click “Buy”, so you could discover opportunities to improve your checkout flow?How about&url=https%3A%2F%2Fwww.hotjar.com%2Fupdates%2Fen%2Ffocus-your-time-on-users-who-take-specific-actions-in-your-product-" class="shareLink" data-social="linkedin">LinkedIn</a></li> <li><a target="_blank" href="https://web.archive.org/web/20211019025802/https://api.whatsapp.com/send?text=https%3A%2F%2Fwww.hotjar.com%2Fupdates%2Fen%2Ffocus-your-time-on-users-who-take-specific-actions-in-your-product-" class="shareLink" data-social="whatsapp">WhatsApp</a></li> <li><div onclick="BeamerEmbed.copyLink(this)" class="shareLink" data-social="copy"> <span class="copyLink"> Copy link </span> <span class="copiedLink" style="display: none;"> Copy link <i></i> </span> <textarea>https://www.hotjar.com/updates/en/focus-your-time-on-users-who-take-specific-actions-in-your-product-</textarea> </div></li> </ul> </div> </div> </div> <h3 class="featureTitle"> <a href="https://web.archive.org/web/20211019025802/https://www.hotjar.com/updates/en/focus-your-time-on-users-who-take-specific-actions-in-your-product-?role=s_HCWoPasV913%3Bs_iSDiKvEm1499%3Bs_pJcjHVwD740%3Bs_OAVVeiyc1497%3Bs_BBKvqAbk2285%3Bs_mqLymRsT1519"> Focus your time on users who take specific actions in your product ⚡ </a> </h3> <div class="featureContent"> <div class="medium-insert-images"><figure> <img src="https://web.archive.org/web/20211019025802im_/https://app.getbeamer.com/pictures?id=162387-C--_ve-_vWrvv71qXwHvv73vv70pYFHvv73vv70f77-9Be-_vRjvv73vv73vv71Hcu-_ve-_vQbvv70e77-9KA.." alt="" loading="lazy"> </figure></div><p class="">Have you ever wanted to watch recordings of users who visited <i>yoursite.com/checkout</i>, but didn’t click “Buy”, so you could discover opportunities to improve your checkout flow?</p><p class="">How about sending an error event to Hotjar when your user encounters an issue, and being able to find all the recordings of users who experienced it, so you can see exactly what happened and build a case to fix it? </p><p class="">Maybe you’ve thought about automatically putting a survey in front of users just after they tried your new feature so you can find out how they feel about it?</p><p class="">Every product experience is different, and the user actions that are crucial in one product are insignificant in another. Targeting and filtering based on those key user events that are unique to your product experience will give you a deeper understanding of your users’ behavior.</p><p class="">This is a common use case of product teams, and while it’s <i>possible </i>to achieve in Hotjar using separate Javascript triggers and tags, we haven’t exactly made it easy. Until now.</p><h2>Introducing Hotjar’s Events API</h2><p class="">We’ve just released a new Events API that will allow you to send custom events to Hotjar, then use those events across Hotjar to do things like filter your recordings list, zone in on the insightful part of a long recording (with events now appearing in the timeline), or ask your users for feedback at the moment when they’ve just taken an important action.</p><div class="medium-insert-images"><figure class=""> <img src="https://web.archive.org/web/20211019025802im_/https://app.getbeamer.com/pictures?id=162390-77-977-9QgEa77-9VU7vv71C77-977-9OlQj77-977-977-9A--_vXEaRO-_ve-_vR7vv73vv73vv73vv73vv73vv70." alt="" class="" loading="lazy"> <figcaption class=""><p>Filtering your recordings to see what users experienced before they added an item to their cart or adding a rating</p></figcaption></figure></div><div class="medium-insert-images"><figure class="" style=""> <img src="https://web.archive.org/web/20211019025802im_/https://app.getbeamer.com/pictures?id=162392-77-977-9OO-_ve-_ve-_ve-_vQnvv73vv73vv71CIA7vv71-ZUDvv73vv71b77-9FHfvv71_cmXvv73vv73vv70M" alt="" class="" loading="lazy"> <figcaption class=""><p>Seeing at what point in the recording a new user subscribed so you can skip right to that part</p></figcaption></figure></div><p class=""><a href="https://web.archive.org/web/20211019025802/https://help.hotjar.com/hc/en-us/articles/4405109971095-Events-API-Reference" target="_blank" rel="noopener nofollow">Here’s how</a> to get started sending your important custom events to Hotjar, and getting a better understanding of your users with less time spent searching through recordings or survey responses to find the most relevant ones.</p><h2>Events vs User Attributes</h2><p class="">You may already be aware of our Identify API that sends custom user attributes to Hotjar. Attributes can also be used to filter recordings or target surveys, but they represent a different kind of data. User attributes are <i>identifying characteristics</i> of the user, like their nationality, job title, or price plan. They’re not tied to a specific point in time.</p><p class="">Importantly, user events are <i>actions</i> that a user takes at a specific point in time. They’re timestamped and can take place multiple times throughout the user journey. This is why you’ll see events represented in the timeline of a recording, where attributes are not.</p><p>So… to summarize:</p><ul><li>To send user attributes to Hotjar, use our <b>Identify API</b> - <a href="https://web.archive.org/web/20211019025802/https://help.hotjar.com/hc/en-us/articles/360033640653-Identify-API-Reference" target="_blank" rel="noopener nofollow">here’s how</a>.</li><li>To send user events to Hotjar, use our <b>Events API</b> - <a href="https://web.archive.org/web/20211019025802/https://help.hotjar.com/hc/en-us/articles/4405109971095" target="_blank" rel="noopener nofollow">here’s how</a>.</li></ul><p class="">If you’re already using Javascript triggers or tags, don’t worry. They’ll continue to work, they’ll just be called ‘events’ instead. Events API is available on Hotjar’s Plus, Business, and Scale plans.</p> <a class="readmoreButton" href="https://web.archive.org/web/20211019025802/https://www.hotjar.com/updates/en/focus-your-time-on-users-who-take-specific-actions-in-your-product-?role=s_HCWoPasV913%3Bs_iSDiKvEm1499%3Bs_pJcjHVwD740%3Bs_OAVVeiyc1497%3Bs_BBKvqAbk2285%3Bs_mqLymRsT1519"> Read More </a> </div> <div class="featureAction"> <a rel="nofollow" href="https://web.archive.org/web/20211019025802/https://help.hotjar.com/hc/en-us/articles/4405109971095" target="_blank"> Get started with Events API </a> <svg class="materialIcon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24"> <path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"/> <path d="M0 0h24v24H0z" fill="none"/> </svg> </div> <div id="feedback16658475" class="featureFeedback noComment"> <div id="reactions" class="emojis"> <span class="emojiContainer"> <img src="https://web.archive.org/web/20211019025802im_/https://app.getbeamer.com/images/emojiNeg.svg" id="negativeemoji16658475" class="emoji" style="padding: 2px;" onclick="BeamerEmbed.reaction(16658475, 'negative')" onkeypress="BeamerEmbed.reaction(16658475, 'negative')" alt="emoji negative reaction for 'Focus your time on users who take specific actions in your product ⚡'" title="Negative" aria-label="Negative reaction for 'Focus your time on users who take specific actions in your product ⚡'" tabindex="0" role="button"/> </span> <span class="emojiContainer"> <img src="https://web.archive.org/web/20211019025802im_/https://app.getbeamer.com/images/emojiNeut.svg" id="neutralemoji16658475" class="emoji" style="padding-bottom: 0px;" onclick="BeamerEmbed.reaction(16658475, 'neutral')" onkeypress="BeamerEmbed.reaction(16658475, 'neutral')" alt="emoji neutral reaction for 'Focus your time on users who take specific actions in your product ⚡'" title="Neutral" aria-label="Neutral reaction for 'Focus your time on users who take specific actions in your product ⚡'" tabindex="0" role="button"/> </span> <span class="emojiContainer"> <img src="https://web.archive.org/web/20211019025802im_/https://app.getbeamer.com/images/emojiPos.svg" id="positiveemoji16658475" class="emoji" style="padding-bottom: 0px;" onclick="BeamerEmbed.reaction(16658475, 'positive')" onkeypress="BeamerEmbed.reaction(16658475, 'positive')" alt="emoji positive reaction for 'Focus your time on users who take specific actions in your product ⚡'" title="Positive" aria-label="Positive reaction for 'Focus your time on users who take specific actions in your product ⚡'" tabindex="0" role="button"/> </span> </div> </div> </div> <div role="listitem" data-description-id="15869812" data-post-title="🔍 Zoom out to add context to user feedback and validate issues before acting" data-redirect-links="false" data-links-in-new-window="true" data-link="https://insights.hotjar.com/sites/*/feedback/list" class="feature improvement july unread hasLink hasShare" id="feature15751913"> <div class="featureDate"> <div class="category categoryImprovement improvement"> Improvement </div> <span>July 15, 2021</span> </div> <div class="featureControls"> <div class="social featureControl" data-action="share"> <div class="socialShare" onclick="BeamerEmbed.showSocialMenu(this)" onkeypress="BeamerEmbed.showSocialMenu(this)" tabindex="0" role="button" title="Share" aria-label="Share ('🔍 Zoom out to add context to user feedback and validate issues before acting')"></div> <div class="socialOverlay"></div> <div class="socialList"> <ul> <li><a target="_blank" href="https://web.archive.org/web/20211019025802/https://www.facebook.com/dialog/share?app_id=213351392791601&display=page&href=https%3A%2F%2Fwww.hotjar.com%2Fupdates%2Fen%2F-zoom-out-to-add-context-to-user-feedback-and-validate-issues-before-acting" class="shareLink" data-social="facebook">Facebook</a></li> <li><a target="_blank" href="https://web.archive.org/web/20211019025802/https://twitter.com/intent/tweet?text=%F0%9F%94%8D+Zoom+out+to+add+context+to+user+feedback+and+validate+issues+before+acting&url=https%3A%2F%2Fwww.hotjar.com%2Fupdates%2Fen%2F-zoom-out-to-add-context-to-user-feedback-and-validate-issues-before-acting" class="shareLink" data-social="twitter">Twitter</a></li> <li><a target="_blank" href="https://web.archive.org/web/20211019025802/https://www.linkedin.com/shareArticle?source=Beamer&mini=true&title=%F0%9F%94%8D+Zoom+out+to+add+context+to+user+feedback+and+validate+issues+before+acting&summary= “When in doubt, zoom out” is a favorite saying of stock market investors. It reminds them not to make rash decisions based on a single data point but to take a broader perspective instead&url=https%3A%2F%2Fwww.hotjar.com%2Fupdates%2Fen%2F-zoom-out-to-add-context-to-user-feedback-and-validate-issues-before-acting" class="shareLink" data-social="linkedin">LinkedIn</a></li> <li><a target="_blank" href="https://web.archive.org/web/20211019025802/https://api.whatsapp.com/send?text=https%3A%2F%2Fwww.hotjar.com%2Fupdates%2Fen%2F-zoom-out-to-add-context-to-user-feedback-and-validate-issues-before-acting" class="shareLink" data-social="whatsapp">WhatsApp</a></li> <li><div onclick="BeamerEmbed.copyLink(this)" class="shareLink" data-social="copy"> <span class="copyLink"> Copy link </span> <span class="copiedLink" style="display: none;"> Copy link <i></i> </span> <textarea>https://www.hotjar.com/updates/en/-zoom-out-to-add-context-to-user-feedback-and-validate-issues-before-acting</textarea> </div></li> </ul> </div> </div> </div> <h3 class="featureTitle"> <a href="https://web.archive.org/web/20211019025802/https://www.hotjar.com/updates/en/-zoom-out-to-add-context-to-user-feedback-and-validate-issues-before-acting?role=s_HCWoPasV913%3Bs_iSDiKvEm1499%3Bs_pJcjHVwD740%3Bs_OAVVeiyc1497%3Bs_BBKvqAbk2285%3Bs_mqLymRsT1519"> 🔍 Zoom out to add context to user feedback and validate issues before acting </a> </h3> <div class="featureContent"> <div class="medium-insert-images"><figure> <img src="https://web.archive.org/web/20211019025802im_/https://app.getbeamer.com/pictures?id=157629-77-9Su-_vVoI77-9E--_ve-_vUrvv70577-977-9MXsA77-977-9BzNF77-9Ekrvv71ac1_vv73vv73vv70." alt="" loading="lazy"> </figure></div><p class="">“When in doubt, zoom out” is a favorite saying of stock market investors. It reminds them not to make rash decisions based on a single data point but to take a broader perspective instead. There’s something valuable product teams can learn from this. It can be tempting to make product decisions based on feedback from a single user who shouts loud enough, but that user isn't always representative of your larger user base.</p><h2>What should an effective product team do instead?</h2><p>Listen to your user, of course, but before you start working on a product improvement or bug fix based on a single user’s feedback, you should:</p><ul><li><b>Zoom out </b>to understand the context around that user’s feedback. That way you can be sure you’ve fully understood the issue and you’ll be better able to find the right solution.</li><li><b>Zoom out further</b> to validate that the issue affects more users. This will allow you to build a solid case and get buy-in from your team to prioritize the work.</li></ul><h2>How can I achieve this using (new features in) Hotjar?</h2><p>We’ve heard product teams describe this use case time and again, but up to now it’s been quite a manual process in Hotjar. When your user told you something insightful via Incoming Feedback on your site, finding the recording of what the user experienced, or a heatmap of the page where they experienced the issue, was cumbersome. So we’ve made it a lot easier:</p><ul><li><b>Zoom out: </b>We’ve added a <b>new ‘Play’ button</b> to incoming feedback responses where you’ve also captured a recording of the user’s session. This means you can click straight through to the relevant recording and see what the user experienced before speaking up.</li><li><b>Zoom out further: </b>Once you’ve understood the issue, you can click on the <b>new heatmap icon</b> inside the Recordings player. This will take you straight to a heatmap of the page you’re seeing at that point in the recording, allowing you to determine if more users have had the same issue.</li></ul><p>Pulling it all together, connecting Incoming Feedback with Recordings and Heatmaps will help you to identify, understand, and validate user issues, and make better product decisions.</p><h2>Here’s an example of the entire process in an 18-second GIF:</h2><div class="medium-insert-images"><figure> <img src="https://web.archive.org/web/20211019025802im_/https://app.getbeamer.com/pictures?id=157630-77-977-9cylz77-9cU3vv73vv73vv71efyTvv73vv706A0rvv73vv70y77-977-9Fu-_vX3vv73vv73vv73vv73vv70." alt="" loading="lazy"> </figure></div><ul><li>The user clicks on a broken 'Learn More' link on the ACME site and leaves feedback saying 'Why doesn't it work?'. </li><li>The Product Manager at ACME clicks 'Play' beneath the feedback in Hotjar and watches the recording of what the user experienced.</li><li>The PM then clicks on the heatmap icon to find that lost more users have been trying to click the same broken link.</li></ul><p class="">The issue has been flagged, understood, and validated faster than you can say "continuous discovery" 🙌</p><p class="">Get started by jumping into your Incoming Feedback responses and clicking on 'Play'.</p> <a class="readmoreButton" href="https://web.archive.org/web/20211019025802/https://www.hotjar.com/updates/en/-zoom-out-to-add-context-to-user-feedback-and-validate-issues-before-acting?role=s_HCWoPasV913%3Bs_iSDiKvEm1499%3Bs_pJcjHVwD740%3Bs_OAVVeiyc1497%3Bs_BBKvqAbk2285%3Bs_mqLymRsT1519"> Read More </a> </div> <div class="featureAction"> <a rel="nofollow" href="https://web.archive.org/web/20211019025802/https://insights.hotjar.com/sites/*/feedback/list" target="_blank"> Go to Incoming Feedback </a> <svg class="materialIcon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24"> <path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"/> <path d="M0 0h24v24H0z" fill="none"/> </svg> </div> <div id="feedback15751913" class="featureFeedback noComment"> <div id="reactions" class="emojis"> <span class="emojiContainer"> <img src="https://web.archive.org/web/20211019025802im_/https://app.getbeamer.com/images/emojiNeg.svg" id="negativeemoji15751913" class="emoji" style="padding: 2px;" onclick="BeamerEmbed.reaction(15751913, 'negative')" onkeypress="BeamerEmbed.reaction(15751913, 'negative')" alt="emoji negative reaction for '🔍 Zoom out to add context to user feedback and validate issues before acting'" title="Negative" aria-label="Negative reaction for '🔍 Zoom out to add context to user feedback and validate issues before acting'" tabindex="0" role="button"/> </span> <span class="emojiContainer"> <img src="https://web.archive.org/web/20211019025802im_/https://app.getbeamer.com/images/emojiNeut.svg" id="neutralemoji15751913" class="emoji" style="padding-bottom: 0px;" onclick="BeamerEmbed.reaction(15751913, 'neutral')" onkeypress="BeamerEmbed.reaction(15751913, 'neutral')" alt="emoji neutral reaction for '🔍 Zoom out to add context to user feedback and validate issues before acting'" title="Neutral" aria-label="Neutral reaction for '🔍 Zoom out to add context to user feedback and validate issues before acting'" tabindex="0" role="button"/> </span> <span class="emojiContainer"> <img src="https://web.archive.org/web/20211019025802im_/https://app.getbeamer.com/images/emojiPos.svg" id="positiveemoji15751913" class="emoji" style="padding-bottom: 0px;" onclick="BeamerEmbed.reaction(15751913, 'positive')" onkeypress="BeamerEmbed.reaction(15751913, 'positive')" alt="emoji positive reaction for '🔍 Zoom out to add context to user feedback and validate issues before acting'" title="Positive" aria-label="Positive reaction for '🔍 Zoom out to add context to user feedback and validate issues before acting'" tabindex="0" role="button"/> </span> </div> </div> </div> <div role="listitem" data-description-id="15397441" data-post-title="Reduce drop-off and increase responses with Survey Performance " data-redirect-links="false" data-links-in-new-window="true" data-link="https://insights.hotjar.com/sites/*/surveys/list" class="feature new june unread hasLink hasShare" id="feature15305139"> <div class="featureDate"> <div class="category categoryNew new"> New </div> <span>June 30, 2021</span> </div> <div class="featureControls"> <div class="social featureControl" data-action="share"> <div class="socialShare" onclick="BeamerEmbed.showSocialMenu(this)" onkeypress="BeamerEmbed.showSocialMenu(this)" tabindex="0" role="button" title="Share" aria-label="Share ('Reduce drop-off and increase responses with Survey Performance ')"></div> <div class="socialOverlay"></div> <div class="socialList"> <ul> <li><a target="_blank" href="https://web.archive.org/web/20211019025802/https://www.facebook.com/dialog/share?app_id=213351392791601&display=page&href=https%3A%2F%2Fwww.hotjar.com%2Fupdates%2Fen%2Freduce-drop_off-and-increase-responses-with-survey-performance-" class="shareLink" data-social="facebook">Facebook</a></li> <li><a target="_blank" href="https://web.archive.org/web/20211019025802/https://twitter.com/intent/tweet?text=Reduce+drop-off+and+increase+responses+with+Survey+Performance+&url=https%3A%2F%2Fwww.hotjar.com%2Fupdates%2Fen%2Freduce-drop_off-and-increase-responses-with-survey-performance-" class="shareLink" data-social="twitter">Twitter</a></li> <li><a target="_blank" href="https://web.archive.org/web/20211019025802/https://www.linkedin.com/shareArticle?source=Beamer&mini=true&title=Reduce+drop-off+and+increase+responses+with+Survey+Performance+&summary= When it comes to better understanding your users’ needs, creating a survey is the easy part. The biggest challenge is actually getting your users to complet&url=https%3A%2F%2Fwww.hotjar.com%2Fupdates%2Fen%2Freduce-drop_off-and-increase-responses-with-survey-performance-" class="shareLink" data-social="linkedin">LinkedIn</a></li> <li><a target="_blank" href="https://web.archive.org/web/20211019025802/https://api.whatsapp.com/send?text=https%3A%2F%2Fwww.hotjar.com%2Fupdates%2Fen%2Freduce-drop_off-and-increase-responses-with-survey-performance-" class="shareLink" data-social="whatsapp">WhatsApp</a></li> <li><div onclick="BeamerEmbed.copyLink(this)" class="shareLink" data-social="copy"> <span class="copyLink"> Copy link </span> <span class="copiedLink" style="display: none;"> Copy link <i></i> </span> <textarea>https://www.hotjar.com/updates/en/reduce-drop_off-and-increase-responses-with-survey-performance-</textarea> </div></li> </ul> </div> </div> </div> <h3 class="featureTitle"> <a href="https://web.archive.org/web/20211019025802/https://www.hotjar.com/updates/en/reduce-drop_off-and-increase-responses-with-survey-performance-?role=s_HCWoPasV913%3Bs_iSDiKvEm1499%3Bs_pJcjHVwD740%3Bs_OAVVeiyc1497%3Bs_BBKvqAbk2285%3Bs_mqLymRsT1519"> Reduce drop-off and increase responses with Survey Performance </a> </h3> <div class="featureContent"> <div class="medium-insert-embeds"> <figure> <div class="medium-insert-embed"> <div class="oembedall-container"><div class="oembed-responsive"><iframe src="//web.archive.org/web/20211019025802if_/https://www.youtube.com/embed/mPWpOKNO1tc?wmode=transparent&rel=0&jqoemcache=r5BBU" width="349" height="263" allowfullscreen="true" allowscriptaccess="always" scrolling="no" frameborder="0" class="loaded"></iframe></div></div> </div> </figure> </div><p class="">When it comes to better understanding your users’ needs, creating a survey is the easy part. The biggest challenge is actually getting your users to complete it 🤭. </p><p class="">Your survey is one of many other survey requests your users see each week, so how do you make sure that yours is the one they finish? The latest addition to Hotjar Surveys will help you identify opportunities to optimize your survey, so more respondents make it to the finish line 🏁.</p><p class="">The new Survey Performance tab gives you a high-level overview of how your survey is performing, as well as a question-by-question breakdown of impressions and where respondents are dropping off 🕵️‍♀️. This new view helps you to easily spot when a survey is performing poorly, and which questions are causing respondents to give up — so you can make changes that have a positive impact on your response rate, and bring in higher quality survey responses.</p><h2>See how your survey is performing at a glance 🔎</h2><div class="medium-insert-images"><figure> <img src="https://web.archive.org/web/20211019025802im_/https://app.getbeamer.com/pictures?id=154160-Cu-_ve-_vVfvv71nPCbvv70bBe-_vThS77-977-977-977-9Ze-_ve-_ve-_vUXvv73vv71t77-977-977-9ZO-_vRk." alt="" loading="lazy"> </figure></div><p class="">The survey overview gives you a snapshot of your survey’s overall performance by surfacing metrics like impressions, starts, completes, and completion rate. From here, you can quickly tell if your survey is collecting enough responses, or if something’s amiss 🤔. </p><p class="">If impressions are high but the completion rate is low, then it’s time to roll up your sleeves and see exactly where respondents are dropping off 📉. </p><h2 class="">See which questions cause the highest drop-off 🕵️‍♀️</h2><div class="medium-insert-images"><figure> <img src="https://web.archive.org/web/20211019025802im_/https://app.getbeamer.com/pictures?id=154161-77-9WO-_vTHvv73vv71HHO-_vWvvv73vv73vv73vv71d77-9NgLvv73vv73vv71YKhoN77-9LD4gCu-_ve-_vQ.." alt="" loading="lazy"> </figure></div><p class="">The survey breakdown gives you a question-by-question analysis of your survey performance. This breakdown includes the question, question type, impressions, drop-off count, and drop-off rate—equipping you with key data to create more successful surveys. For example, if the drop-off count and drop-off rate are significantly higher for a specific question, it’s time to take action. </p><p class=""><b class="">Here are a few things you can investigate when you see a considerable drop-off in your survey:</b></p><ul><li><b class="">Is the survey too long?</b> If you’re optimizing for completed survey responses, try to keep it short.</li><li><b class="">Is it the right question type?</b> Try rephrasing the question and using other options like radio buttons, checkboxes, rating scales, or short text answers to capture more responses.</li><li><b class="">Are you asking for personal information?</b> Sometimes respondents don’t want to share their personal data, try making questions that ask for email or phone number optional.</li><li><b class="">Are questions skippable?</b> Allow respondents to skip this question and see if the drop-off rate decreases.</li><li><b class="">Is it showing to the right audience?</b> Perhaps respondents are dropping off because questions are not relevant to them. Get laser-focused and target users with specific attributes that are specific to your goal. </li></ul><p class="">Make small changes to your survey questions over time until you see a decrease in drop-off rates and an increase in survey completions. Take note of what works for your audience and use your learnings to make your next survey a success from the get-go.</p> <a class="readmoreButton" href="https://web.archive.org/web/20211019025802/https://www.hotjar.com/updates/en/reduce-drop_off-and-increase-responses-with-survey-performance-?role=s_HCWoPasV913%3Bs_iSDiKvEm1499%3Bs_pJcjHVwD740%3Bs_OAVVeiyc1497%3Bs_BBKvqAbk2285%3Bs_mqLymRsT1519"> Read More </a> </div> <div class="featureAction"> <a rel="nofollow" href="https://web.archive.org/web/20211019025802/https://insights.hotjar.com/sites/*/surveys/list" target="_blank"> Start analyzing your surveys </a> <svg class="materialIcon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24"> <path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"/> <path d="M0 0h24v24H0z" fill="none"/> </svg> </div> <div id="feedback15305139" class="featureFeedback noComment"> <div id="reactions" class="emojis"> <span class="emojiContainer"> <img src="https://web.archive.org/web/20211019025802im_/https://app.getbeamer.com/images/emojiNeg.svg" id="negativeemoji15305139" class="emoji" style="padding: 2px;" onclick="BeamerEmbed.reaction(15305139, 'negative')" onkeypress="BeamerEmbed.reaction(15305139, 'negative')" alt="emoji negative reaction for 'Reduce drop-off and increase responses with Survey Performance '" title="Negative" aria-label="Negative reaction for 'Reduce drop-off and increase responses with Survey Performance '" tabindex="0" role="button"/> </span> <span class="emojiContainer"> <img src="https://web.archive.org/web/20211019025802im_/https://app.getbeamer.com/images/emojiNeut.svg" id="neutralemoji15305139" class="emoji" style="padding-bottom: 0px;" onclick="BeamerEmbed.reaction(15305139, 'neutral')" onkeypress="BeamerEmbed.reaction(15305139, 'neutral')" alt="emoji neutral reaction for 'Reduce drop-off and increase responses with Survey Performance '" title="Neutral" aria-label="Neutral reaction for 'Reduce drop-off and increase responses with Survey Performance '" tabindex="0" role="button"/> </span> <span class="emojiContainer"> <img src="https://web.archive.org/web/20211019025802im_/https://app.getbeamer.com/images/emojiPos.svg" id="positiveemoji15305139" class="emoji" style="padding-bottom: 0px;" onclick="BeamerEmbed.reaction(15305139, 'positive')" onkeypress="BeamerEmbed.reaction(15305139, 'positive')" alt="emoji positive reaction for 'Reduce drop-off and increase responses with Survey Performance '" title="Positive" aria-label="Positive reaction for 'Reduce drop-off and increase responses with Survey Performance '" tabindex="0" role="button"/> </span> </div> </div> </div> <div role="listitem" data-description-id="15277174" data-post-title="📍 Easily find the insightful moments in your recordings" data-redirect-links="false" data-links-in-new-window="true" data-link="https://insights.hotjar.com/sites/*/playbacks/list" class="feature new june unread hasLink hasShare" id="feature15185929"> <div class="featureDate"> <div class="category categoryNew new"> New </div> <span>June 25, 2021</span> </div> <div class="featureControls"> <div class="social featureControl" data-action="share"> <div class="socialShare" onclick="BeamerEmbed.showSocialMenu(this)" onkeypress="BeamerEmbed.showSocialMenu(this)" tabindex="0" role="button" title="Share" aria-label="Share ('📍 Easily find the insightful moments in your recordings')"></div> <div class="socialOverlay"></div> <div class="socialList"> <ul> <li><a target="_blank" href="https://web.archive.org/web/20211019025802/https://www.facebook.com/dialog/share?app_id=213351392791601&display=page&href=https%3A%2F%2Fwww.hotjar.com%2Fupdates%2Fen%2F-easily-find-the-insightful-moments-in-your-recordings" class="shareLink" data-social="facebook">Facebook</a></li> <li><a target="_blank" href="https://web.archive.org/web/20211019025802/https://twitter.com/intent/tweet?text=%F0%9F%93%8D+Easily+find+the+insightful+moments+in+your+recordings&url=https%3A%2F%2Fwww.hotjar.com%2Fupdates%2Fen%2F-easily-find-the-insightful-moments-in-your-recordings" class="shareLink" data-social="twitter">Twitter</a></li> <li><a target="_blank" href="https://web.archive.org/web/20211019025802/https://www.linkedin.com/shareArticle?source=Beamer&mini=true&title=%F0%9F%93%8D+Easily+find+the+insightful+moments+in+your+recordings&summary= Watching user recordings is a great way for product teams to put themselves in their users’ shoes. They help you to find issues, prioritize product improvements, and validate if a feature&url=https%3A%2F%2Fwww.hotjar.com%2Fupdates%2Fen%2F-easily-find-the-insightful-moments-in-your-recordings" class="shareLink" data-social="linkedin">LinkedIn</a></li> <li><a target="_blank" href="https://web.archive.org/web/20211019025802/https://api.whatsapp.com/send?text=https%3A%2F%2Fwww.hotjar.com%2Fupdates%2Fen%2F-easily-find-the-insightful-moments-in-your-recordings" class="shareLink" data-social="whatsapp">WhatsApp</a></li> <li><div onclick="BeamerEmbed.copyLink(this)" class="shareLink" data-social="copy"> <span class="copyLink"> Copy link </span> <span class="copiedLink" style="display: none;"> Copy link <i></i> </span> <textarea>https://www.hotjar.com/updates/en/-easily-find-the-insightful-moments-in-your-recordings</textarea> </div></li> </ul> </div> </div> </div> <h3 class="featureTitle"> <a href="https://web.archive.org/web/20211019025802/https://www.hotjar.com/updates/en/-easily-find-the-insightful-moments-in-your-recordings?role=s_HCWoPasV913%3Bs_iSDiKvEm1499%3Bs_pJcjHVwD740%3Bs_OAVVeiyc1497%3Bs_BBKvqAbk2285%3Bs_mqLymRsT1519"> 📍 Easily find the insightful moments in your recordings </a> </h3> <div class="featureContent"> <div class="medium-insert-images"><figure> <img src="https://web.archive.org/web/20211019025802im_/https://app.getbeamer.com/pictures?id=153302-77-9fTrvv71kB2zvv73vv70Q77-977-977-977-977-977-977-9LXXvv73vv73vv73vv71a77-9SO-_vVrvv70677-9fw.." alt="" loading="lazy"> </figure></div><p class="">Watching user recordings is a great way for product teams to put themselves in their users’ shoes. They help you to find issues, prioritize product improvements, and validate if a feature you’ve released is being used as you intended. Is anything ever really used exactly as you intended...? 🤦‍♀️</p><p class="">User recordings shed light on all of this, but sometimes it feels like you’re looking for a needle in a haystack. Only some recordings give you the insight you're looking for (see our update on <a href="https://web.archive.org/web/20211019025802/https://www.hotjar.com/updates/en/-cut-through-the-noise-and-find-your-most-relevant-recordings" target="_blank" rel="noopener nofollow">sorting your recordings by relevance</a>) and it’s only certain parts of each recording that contain the really valuable nuggets of gold. That’s where our new player timeline comes in.</p><p class="">It’s now much easier to skip past periods of inactivity where your user went to make a cup of tea (presumably 🤷) and jump right to the parts where they did something like visit the page you’re interested in, u-turn, rage click, or leave feedback.</p><h2>Here’s a (painful) example of how our new timeline helps you jump straight to the insight:</h2><p class="">Take the below screenshot of a recording where one of your fellow Hotjar users is, admittedly, having a bad time using Hotjar. This is an example of one of those hopefully rare recordings that’s painful to watch, but gives you tons of valuable insight into your user’s experience, and forms a crucial part of your product discovery process.</p><p class=""><i>We've split the recording down the middle so it's easier to see.</i></p><div class="medium-insert-images"><figure> <img src="https://web.archive.org/web/20211019025802im_/https://app.getbeamer.com/pictures?id=153303-77-977-9e33vv71x77-977-9ZU4k77-9R--_vQLvv73vv73vv73vv73vv71kP0vvv73vv73vv70aHSwn77-977-9" alt="" loading="lazy"> </figure></div><div class="medium-insert-images"><figure> <img src="https://web.archive.org/web/20211019025802im_/https://app.getbeamer.com/pictures?id=153304-77-9JO-_vS7vv70if--_ve-_vQkH77-9XAbvv73vv71N77-977-9dhcZekvvv703DyTvv70XXe-_vQ.." alt="" loading="lazy"> </figure></div><p class="">Here’s what’s changed to help you get to the sometimes cringey but always insightful bits:</p><ul><li><b>We’ve removed the scrolling markers.</b> They were cluttering up the timeline and scrolling is not as relevant as things like clicking, tapping, or typing. These are all still marked on the timeline.</li><li><b>Periods of inactivity are represented by a thinner line.</b> This makes it easier to skip past the parts that aren’t valuable and avoid wasting time. And remember you can always toggle skip inactivity ON to do it automatically.</li><li><b>Pages visited are now shown as sections. </b>When you hover on the section, it will show the URL of the page the user was navigating through.</li><li><b>The really important markers are more prominent.</b> Notice the smiling face of one of our PMs, Sam, where he left a comment alerting the rest of us to the pain that was to follow. There are also yellow u-turn markers, an orange rage-click marker, and a red marker where our user left feedback with (predictably) negative sentiment.</li></ul><p class="">Why not jump into Recordings now and see how quickly you can find insights that help you empathize with your user and inform your product decision-making?</p> <a class="readmoreButton" href="https://web.archive.org/web/20211019025802/https://www.hotjar.com/updates/en/-easily-find-the-insightful-moments-in-your-recordings?role=s_HCWoPasV913%3Bs_iSDiKvEm1499%3Bs_pJcjHVwD740%3Bs_OAVVeiyc1497%3Bs_BBKvqAbk2285%3Bs_mqLymRsT1519"> Read More </a> </div> <div class="featureAction"> <a rel="nofollow" href="https://web.archive.org/web/20211019025802/https://insights.hotjar.com/sites/*/playbacks/list" target="_blank"> Go to Recordings </a> <svg class="materialIcon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24"> <path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"/> <path d="M0 0h24v24H0z" fill="none"/> </svg> </div> <div id="feedback15185929" class="featureFeedback noComment"> <div id="reactions" class="emojis"> <span class="emojiContainer"> <img src="https://web.archive.org/web/20211019025802im_/https://app.getbeamer.com/images/emojiNeg.svg" id="negativeemoji15185929" class="emoji" style="padding: 2px;" onclick="BeamerEmbed.reaction(15185929, 'negative')" onkeypress="BeamerEmbed.reaction(15185929, 'negative')" alt="emoji negative reaction for '📍 Easily find the insightful moments in your recordings'" title="Negative" aria-label="Negative reaction for '📍 Easily find the insightful moments in your recordings'" tabindex="0" role="button"/> </span> <span class="emojiContainer"> <img src="https://web.archive.org/web/20211019025802im_/https://app.getbeamer.com/images/emojiNeut.svg" id="neutralemoji15185929" class="emoji" style="padding-bottom: 0px;" onclick="BeamerEmbed.reaction(15185929, 'neutral')" onkeypress="BeamerEmbed.reaction(15185929, 'neutral')" alt="emoji neutral reaction for '📍 Easily find the insightful moments in your recordings'" title="Neutral" aria-label="Neutral reaction for '📍 Easily find the insightful moments in your recordings'" tabindex="0" role="button"/> </span> <span class="emojiContainer"> <img src="https://web.archive.org/web/20211019025802im_/https://app.getbeamer.com/images/emojiPos.svg" id="positiveemoji15185929" class="emoji" style="padding-bottom: 0px;" onclick="BeamerEmbed.reaction(15185929, 'positive')" onkeypress="BeamerEmbed.reaction(15185929, 'positive')" alt="emoji positive reaction for '📍 Easily find the insightful moments in your recordings'" title="Positive" aria-label="Positive reaction for '📍 Easily find the insightful moments in your recordings'" tabindex="0" role="button"/> </span> </div> </div> </div> </div> </div> <nav class="nav streamNav sticky sticker"> <div class="streamSearch"> <input type="text" class="streamSearchInput" placeholder="Search in this feed"> <div class="streamSearchIcon"> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="40px" height="40px" viewbox="460 260 40 40" enable-background="new 460 260 40 40" xml:space="preserve"><path d="M499.738,297.637l-10.077-10.077c-0.18-0.18-0.414-0.273-0.664-0.273h-0.805c2.679-2.898,4.319-6.766,4.319-11.023 c0-8.976-7.272-16.249-16.249-16.249c-8.976,0-16.249,7.273-16.249,16.249c0,8.977,7.273,16.249,16.249,16.249 c4.258,0,8.125-1.641,11.023-4.312v0.797c0,0.25,0.102,0.484,0.273,0.663l10.077,10.078c0.367,0.367,0.961,0.367,1.328,0 l0.773-0.773C500.105,298.598,500.105,298.004,499.738,297.637z M476.263,290.012c-7.601,0-13.749-6.147-13.749-13.749 c0-7.601,6.148-13.749,13.749-13.749c7.602,0,13.749,6.148,13.749,13.749C490.012,283.864,483.864,290.012,476.263,290.012z"/></svg> </div> </div> <div class="streamCats singleCategory"> <ul class="streamCatsList"> <li class="catItem"> <a class="catItemLink active" href="https://web.archive.org/web/20211019025802/https://www.hotjar.com/updates/en?all&role=s_HCWoPasV913%3Bs_iSDiKvEm1499%3Bs_pJcjHVwD740%3Bs_OAVVeiyc1497%3Bs_BBKvqAbk2285%3Bs_mqLymRsT1519" " href="javascript:void(0)"> <i class="ico"></i> <span class="catItemName"> All </span> </a> </li> <li class="catItem category_announcement"> <a class="category_announcement catItemLink" href="https://web.archive.org/web/20211019025802/https://www.hotjar.com/updates/en?category=announcement&role=s_HCWoPasV913%3Bs_iSDiKvEm1499%3Bs_pJcjHVwD740%3Bs_OAVVeiyc1497%3Bs_BBKvqAbk2285%3Bs_mqLymRsT1519" href="javascript:void(0)"> <i class="ico announcement"></i> <span class="catItemName"> announcement </span> </a> </li> <li class="catItem category_forms"> <a class="category_forms catItemLink" href="https://web.archive.org/web/20211019025802/https://www.hotjar.com/updates/en?category=forms&role=s_HCWoPasV913%3Bs_iSDiKvEm1499%3Bs_pJcjHVwD740%3Bs_OAVVeiyc1497%3Bs_BBKvqAbk2285%3Bs_mqLymRsT1519" href="javascript:void(0)"> <i class="ico color-9" style="background: #202641;"></i> <span class="catItemName"> forms </span> </a> </li> <li class="catItem category_guides"> <a class="category_guides catItemLink" href="https://web.archive.org/web/20211019025802/https://www.hotjar.com/updates/en?category=guides&role=s_HCWoPasV913%3Bs_iSDiKvEm1499%3Bs_pJcjHVwD740%3Bs_OAVVeiyc1497%3Bs_BBKvqAbk2285%3Bs_mqLymRsT1519" href="javascript:void(0)"> <i class="ico color-7" style="background: #a18fd6;"></i> <span class="catItemName"> guides </span> </a> </li> <li class="catItem category_improvement"> <a class="category_improvement catItemLink" href="https://web.archive.org/web/20211019025802/https://www.hotjar.com/updates/en?category=improvement&role=s_HCWoPasV913%3Bs_iSDiKvEm1499%3Bs_pJcjHVwD740%3Bs_OAVVeiyc1497%3Bs_BBKvqAbk2285%3Bs_mqLymRsT1519" href="javascript:void(0)"> <i class="ico improvement"></i> <span class="catItemName"> improvement </span> </a> </li> <li class="catItem category_incoming_feedback"> <a class="category_incoming_feedback catItemLink" href="https://web.archive.org/web/20211019025802/https://www.hotjar.com/updates/en?category=incoming+feedback&role=s_HCWoPasV913%3Bs_iSDiKvEm1499%3Bs_pJcjHVwD740%3Bs_OAVVeiyc1497%3Bs_BBKvqAbk2285%3Bs_mqLymRsT1519" href="javascript:void(0)"> <i class="ico color-5" style="background: #202641;"></i> <span class="catItemName"> incoming feedback </span> </a> </li> <li class="catItem category_integrations"> <a class="category_integrations catItemLink" href="https://web.archive.org/web/20211019025802/https://www.hotjar.com/updates/en?category=integrations&role=s_HCWoPasV913%3Bs_iSDiKvEm1499%3Bs_pJcjHVwD740%3Bs_OAVVeiyc1497%3Bs_BBKvqAbk2285%3Bs_mqLymRsT1519" href="javascript:void(0)"> <i class="ico color-3" style="background: #a18fd6;"></i> <span class="catItemName"> integrations </span> </a> </li> <li class="catItem category_new"> <a class="category_new catItemLink" href="https://web.archive.org/web/20211019025802/https://www.hotjar.com/updates/en?category=new&role=s_HCWoPasV913%3Bs_iSDiKvEm1499%3Bs_pJcjHVwD740%3Bs_OAVVeiyc1497%3Bs_BBKvqAbk2285%3Bs_mqLymRsT1519" href="javascript:void(0)"> <i class="ico new"></i> <span class="catItemName"> new </span> </a> </li> <li class="catItem category_polls"> <a class="category_polls catItemLink" href="https://web.archive.org/web/20211019025802/https://www.hotjar.com/updates/en?category=polls&role=s_HCWoPasV913%3Bs_iSDiKvEm1499%3Bs_pJcjHVwD740%3Bs_OAVVeiyc1497%3Bs_BBKvqAbk2285%3Bs_mqLymRsT1519" href="javascript:void(0)"> <i class="ico color-6" style="background: #202641;"></i> <span class="catItemName"> polls </span> </a> </li> <li class="catItem category_recordings"> <a class="category_recordings catItemLink" href="https://web.archive.org/web/20211019025802/https://www.hotjar.com/updates/en?category=recordings&role=s_HCWoPasV913%3Bs_iSDiKvEm1499%3Bs_pJcjHVwD740%3Bs_OAVVeiyc1497%3Bs_BBKvqAbk2285%3Bs_mqLymRsT1519" href="javascript:void(0)"> <i class="ico color-8" style="background: #202641;"></i> <span class="catItemName"> recordings </span> </a> </li> <li class="catItem category_surveys"> <a class="category_surveys catItemLink" href="https://web.archive.org/web/20211019025802/https://www.hotjar.com/updates/en?category=surveys&role=s_HCWoPasV913%3Bs_iSDiKvEm1499%3Bs_pJcjHVwD740%3Bs_OAVVeiyc1497%3Bs_BBKvqAbk2285%3Bs_mqLymRsT1519" href="javascript:void(0)"> <i class="ico color-5" style="background: #202641;"></i> <span class="catItemName"> surveys </span> </a> </li> <li class="catItem watermark"> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="20px" height="20px" viewbox="0 0 20 20" enable-background="new 0 0 20 20" xml:space="preserve"><g><g><path d="M2.012,17.198c-0.537,0-1.047-0.316-1.265-0.841c-0.287-0.693,0.046-1.486,0.744-1.772L17.47,8.05 c0.698-0.285,1.498,0.045,1.785,0.739c0.287,0.694-0.046,1.488-0.743,1.773L2.532,17.097C2.362,17.166,2.186,17.198,2.012,17.198z"/></g><g><path d="M2.012,12.021c-0.537,0-1.047-0.316-1.265-0.841C0.46,10.487,0.793,9.693,1.491,9.408L17.47,2.873 c0.698-0.286,1.498,0.045,1.785,0.738c0.287,0.694-0.046,1.487-0.743,1.773L2.532,11.919C2.362,11.989,2.186,12.021,2.012,12.021z"/></g><g><path d="M2.012,6.675c-0.54,0-1.051-0.319-1.267-0.847C0.46,5.133,0.797,4.341,1.497,4.059L11.299,0.1 c0.699-0.283,1.497,0.051,1.781,0.747c0.284,0.694-0.052,1.487-0.752,1.769L2.526,6.575C2.358,6.643,2.184,6.675,2.012,6.675z"/></g><g><path d="M8.165,20c-0.54,0-1.051-0.32-1.267-0.848c-0.285-0.694,0.052-1.486,0.751-1.77l9.802-3.958 c0.699-0.282,1.497,0.052,1.781,0.746s-0.052,1.487-0.751,1.77l-9.803,3.959C8.51,19.967,8.336,20,8.165,20z"/></g></g></svg> Hotjar feed by <a class="watermarkLink" target="_blank" rel="follow" href="https://web.archive.org/web/20211019025802/https://www.getbeamer.com/?ref=watermark_zeKLgqli17986_public&company=Hotjar&watermarkRef=powered&utm_term=zeKLgqli17986&utm_content=Hotjar&utm_source=standalone&utm_medium=search&utm_campaign=powered">Beamer</a> </li> </ul> </div> </nav> </div> </div> <div class="poweredFooter"> <a target="_blank" href="https://web.archive.org/web/20211019025802/https://www.getbeamer.com/?ref=watermark_zeKLgqli17986_public&company=Hotjar&watermarkRef=powered&utm_term=zeKLgqli17986&utm_content=Hotjar&utm_source=standalone&utm_medium=footer&utm_campaign=powered"> We are ⚡by Beamer </a> </div> </div> <script> (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','https://web.archive.org/web/20211019025802/https://www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-101301085-4', 'auto', 'beamerTracker'); ga('beamerTracker.send', 'pageview'); ga('beamerTracker.send', 'event', 'PublicPage', 'view', 'Hotjar'); var _isUsingGoogleAnalytics = true; ga('create', 'UA-51401671-1', 'auto', 'clientTracker'); ga('clientTracker.send', 'pageview'); ga('clientTracker.send', 'event', 'Beamer', 'open', 'Hotjar'); </script> <script type="text/javascript"> var headerSize; headerSize = $('.header').outerHeight() + 10; $('.news').css("padding-top", headerSize); </script> <script type="text/javascript"> initContainerScroll(); </script> </body> </html>