{"version":3,"sources":["webpack:///./src/img/blog/analyze-session-recordings.png","webpack:///./src/img/blog/listitems.png","webpack:///./src/pages/blog/analyze-session-recordings.js","webpack:///./src/img/blog/sticky-notes.png","webpack:///./src/img/blog/filters.png","webpack:///./src/img/ui/quote.svg","webpack:///./src/img/ui/arrow_black.svg","webpack:///./src/img/blog/engagementlistitem.png","webpack:///./src/components/blog/content/styled.js"],"names":["module","exports","Wrapped","BlogArticle","href","id","target","rel","src","img1","alt","title","img2","img3","img4","frontmatter","url","description","author","img","imgSocial","date","category","group","timeToRead","process","Post","styled","div","media","mobile","quote","tablet","arrowIcon"],"mappings":"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","file":"component---src-pages-blog-analyze-session-recordings-js-4d908dd76840a4dc8f9d.js","sourcesContent":["module.exports = __webpack_public_path__ + \"static/analyze-session-recordings-e729fa1f3b6a8c648be41e8b4bcbaa6c.png\";","module.exports = __webpack_public_path__ + \"static/listitems-d1c7f9b1f1acbf0066dbd6c3d6514180.png\";","import React from 'react';\nimport BlogArticle from 'components/blog/blogArticle';\nimport { Post } from 'components/blog/content/styled';\nimport { authorKalina as author } from 'data/authors';\nimport img from 'img/blog/analyze-session-recordings.png';\nimport img1 from 'img/blog/filters.png';\nimport img2 from 'img/blog/engagementlistitem.png';\nimport img3 from 'img/blog/listitems.png';\nimport img4 from 'img/blog/sticky-notes.png';\n\nconst Content = () => {\n return (\n \n

You’ve got hours of session recordings – now what?

\n

\n Do you really need to watch them all, minute by minute? Maybe there is some other way to\n analyze them and get insights faster?\n

\n

\n We know that you don’t have all the time in the world to watch session replay videos. If you\n were to watch them all, it would be a full-time job.\n

\n

\n Session replays are supposed to make your work easier and not add extra repetitive work. In\n this article, we’ll show you how to analyze session recordings the right way.\n

\n

We’re going to cover the following things:

\n \n

Ready to learn more, boost your productivity and improve conversions? Let’s dive in!

\n \n

How to get started with session replay analysis

\n\n

\n Watching session recordings is one of the most effective conversion\n research methods. It’s commonly used by a wide range of companies, from SaaS businesses (see\n the{' '}\n \n RocketLink case study\n {' '}\n for more details) to ecommerce stores.\n

\n

\n If you’re looking for an inexpensive and convenient way to learn more about user behavior,\n session replays make a perfect choice. They can serve to test your hypotheses, as well as to\n formulate new ones.\n

\n

\n And here’s how to get started with this method:{' '}\n you need to set your goals first. Quantitative data from Google Analytics\n is a great place to start. For example, you can have a look at:\n

\n \n

\n This information will help you formulate relevant hypotheses. Of course, the assumptions may\n be tweaked along the way – session recording can be a source of really surprising findings!\n

\n

What to avoid when analyzing session replays

\n\n

\n You don’t always have to learn from your own mistakes. We’ve listed some of the most popular\n pitfalls to keep in mind:\n

\n

Confirmation bias

\n\n

\n Here’s one of the biggest issues with analyzing session replays: our interpretations will\n always remain subjective, at least to some extent.\n

\n

\n Confirmation bias is the danger lurking around the corner when you’re\n creating hypotheses for your research. The rule is quite simple: we focus on information\n that confirms our beliefs and we ignore data that goes against them. Most of the time, we’re\n not even aware that this is happening. For instance, when you hope that your new landing\n page is performing better than the previous one, you’re going to focus on behaviors that\n validate this assumption.\n

\n

\n Luckily, there are some tricks that will help you avoid the confirmation bias when analyzing\n your session recordings:\n

\n \n \n\n

Not using filters

\n\n

\n If you’ve just only started your business, you might have enough time to watch all the\n sessions. That’s good, but it definitely won’t work in the long run. The number of your\n visitors will grow and you won’t be able to watch every single recording anymore.\n

\n

\n This is why it pays off to take a closer look at available filtering options and{' '}\n set up your first target segments at the very start. The more relevant data\n you’ll have, the better.\n

\n

Ignoring available integrations

\n\n

\n Just like different types of software, session recording apps can be integrated with other\n tools for better performance. Need inspirations? Our favorite integration ideas include:\n

\n \n

\n With the right integration, all of this can happen automatically. Little tweaks like these\n sure to save a lot of time and make your work so much easier.\n

\n

Tips for analyzing session replays

\n\n

\n Now that you know what you should avoid, it’s time to answer another question: what you\n should do? Here are some of our best practices for analyzing session recordings:\n

\n

Session recording filters

\n\n

\n \n

\n

\n This is the key to analyzing your recordings effectively. You don’t have to take shots in\n the dark, watch all the recordings and hope to find the data you’re looking for.\n

\n

\n Instead, you can use different session recording filters to help you out.\n We’ll show you different possibilities on the example of LiveSession features:\n

\n \n

Segmentation

\n\n

\n Apart from the features mentioned above, you can use a whole range of other, more granular\n filters:\n

\n

\n \"Segmentation\n

\n

\n The best part? You don’t need to set up all dimensions manually every time you analyze your\n sessions. All the filters can be combined and saved to create{' '}\n \n user segments\n \n . This allows you to track how different segments are performing after you apply changes and\n test different conversion strategies on your website.\n

\n

Sticky note strategy

\n\n

\n \"Sticky\n

\n

\n Last but not least, here’s our unplugged tip: when analyzing a particular hypothesis,{' '}\n keep a sticky note on your wall. Write down your goals and assumptions and\n treat them like your north star. Once you make the direction clear, you’ll be less\n vulnerable to distractions and biases. Good luck and happy analyzing!\n

\n
\n );\n};\n\nconst Wrapped = BlogArticle(Content);\n\nexport const frontmatter = {\n title: 'How to Analyze Session Recordings (Effectively)',\n url: '/blog/analyze-session-recordings/',\n description: `Don’t know what to do with your session replays? Learn how to analyze session\n recordings, the right way.`,\n author,\n img,\n imgSocial: img,\n date: '2020-04-10',\n category: '',\n group: 'Analytics',\n timeToRead: 6,\n};\n\nexport default () => (\n \n);\n","module.exports = __webpack_public_path__ + \"static/sticky-notes-d95dd3ccd41fccb150c362793f5c7654.png\";","module.exports = __webpack_public_path__ + \"static/filters-f47f4d995f19ae6e7ddd2c922c8e5969.png\";","module.exports = \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI5Mi4yNDUiIGhlaWdodD0iNzEuNjA4IiB2aWV3Qm94PSIwIDAgOTIuMjQ1IDcxLjYwOCI+PGRlZnM+PHN0eWxlPi5he2ZpbGw6I2ZmZTQ3ODt9PC9zdHlsZT48L2RlZnM+PHBhdGggY2xhc3M9ImEiIGQ9Ik04OS43Miw2Ni4yNzFjMC0xNi4xNjItMTAuNDQzLTI1LjM2MS0yMi4xMjktMjUuMzYxQTE5LjksMTkuOSwwLDAsMCw0Ny45NDksNjAuOGMwLDEwLjQ0Myw3LjQ1OSwxNy45LDE2LjkwNywxNy45YTEyLjQ3OCwxMi40NzgsMCwwLDAsNC45NzMtLjk5NUM2Ny41OTEsODYuNjYsNTguMzkyLDk3LjEsNTAuNDM1LDEwMS4zMjlMNjQuMTEsMTEyLjUxOEM3OS41MjYsMTAxLjU3OCw4OS43Miw4NC45MTksODkuNzIsNjYuMjcxWm0tNTAuNDc0LDBjMC0xNi4xNjItMTAuNjkxLTI1LjM2MS0yMi4zNzgtMjUuMzYxQzYuNDI2LDQwLjkxLTIuNTI1LDQ5Ljg2MS0yLjUyNSw2MC44YzAsMTAuNDQzLDcuNDU5LDE3LjksMTYuOTA3LDE3LjlhMTEuMTY0LDExLjE2NCwwLDAsMCw0LjcyNC0uOTk1QzE3LjExOCw4Ni42Niw3LjkxOCw5Ny4xLS4wMzksMTAxLjMyOWwxMy42NzUsMTEuMTg5QzI4LjgsMTAxLjU3OCwzOS4yNDYsODQuOTE5LDM5LjI0Niw2Ni4yNzFaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyLjUyNSAtNDAuOTEpIi8+PC9zdmc+\"","module.exports = \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiIgdmlld0JveD0iMCAwIDEyIDEyIj48ZGVmcz48c3R5bGU+LmF7ZmlsbDojMDAwMDAwO308L3N0eWxlPjwvZGVmcz48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtODUgLTg1KSI+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoODUgODUpIj48cGF0aCBjbGFzcz0iYSIgZD0iTTg1LDkxLjc1aDkuMTEybC00LjIsNC4yTDkxLDk3bDYtNi02LTYtMS4wNSwxLjA1LDQuMTYyLDQuMkg4NVoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC04NSAtODUpIi8+PC9nPjwvZz48L3N2Zz4=\"","module.exports = __webpack_public_path__ + \"static/engagementlistitem-3008db1d7b37855344c09d1abd20fff8.png\";","import styled from 'styled-components';\nimport { media } from 'theme/breakpoints';\nimport quote from 'img/ui/quote.svg';\nimport arrowIcon from 'img/ui/arrow_black.svg';\n\nexport const Post = styled.div`\n h3,\n h2 {\n font-weight: 700;\n letter-spacing: 0.01em;\n margin: 2em 0 0.8em;\n }\n h3 {\n font-size: 1.1rem;\n line-height: 1.8rem;\n }\n h2 {\n font-size: 1.5rem;\n line-height: 2rem;\n }\n h4 {\n color: rgb(119, 119, 119);\n font-weight: 700;\n font-size: 1rem;\n }\n a {\n display: inline;\n font-size: 20px;\n }\n p {\n margin-bottom: 1.25rem;\n line-height: 1.8;\n font-size: 20px;\n }\n img {\n max-width: 100%;\n height: auto;\n margin: 1.2rem auto 1.4rem;\n display: block;\n }\n pre,\n p > em > code,\n p code {\n color: #c5c8c6;\n text-shadow: 0 1px rgba(0, 0, 0, 0.3);\n font-family: 'Inconsolata', 'Monaco', 'Consolas', 'Courier New', Courier, monospace;\n direction: ltr;\n text-align: left;\n white-space: pre;\n word-spacing: normal;\n word-break: normal;\n line-height: 1.5;\n\n -moz-tab-size: 4;\n -o-tab-size: 4;\n tab-size: 4;\n\n -webkit-hyphens: none;\n -moz-hyphens: none;\n -ms-hyphens: none;\n hyphens: none;\n background: #1d1f21;\n padding: 1em;\n margin: 0.5em 0;\n overflow: auto;\n border-radius: 0.3em;\n }\n p > em > code,\n p > code {\n padding: 0.1em;\n border-radius: 0.3em;\n font-size: 78.5%;\n margin: 0;\n }\n figure {\n margin: 0 auto 1.5rem;\n img {\n margin: 0 auto 1rem;\n display: block;\n max-width: 100%;\n height: auto;\n padding-bottom: 0;\n }\n figcaption {\n color: #888;\n width: 85%;\n margin: 0 auto;\n text-align: center;\n }\n }\n p img,\n img {\n margin: 1rem auto 2rem;\n display: block;\n max-width: 100%;\n height: auto;\n filter: drop-shadow(0px 0px 20px rgba(0, 0, 0, 0.16));\n }\n blockquote {\n margin: 3.5rem 0 2rem;\n position: relative;\n background-color: #f1f5f9;\n padding: 48px;\n & p strong a {\n font-weight: 700;\n }\n p:last-child {\n margin-bottom: 0;\n }\n ${media.mobile} {\n padding: 36px;\n }\n &::before {\n content: '';\n position: absolute;\n left: 0;\n top: 0;\n transform: translate(-30%, -50%);\n background-image: url(${quote});\n background-size: contain;\n background-position: center;\n background-repeat: no-repeat;\n width: 82px;\n height: 61px;\n ${media.mobile} {\n width: 74px;\n height: 74px;\n transform: translate(0, -50%);\n }\n }\n }\n ul li,\n ol li {\n margin-bottom: 0.5em;\n line-height: 1.8;\n font-size: 20px;\n }\n b {\n font-weight: 700;\n }\n aside {\n padding: 15px 25px;\n border: 2px solid #000;\n margin: 1.5rem 0;\n &.red {\n border-color: #e05c5e;\n color: #e05c5e;\n background-color: #ffebeb;\n }\n h2,\n h3,\n h4 {\n margin-top: 1.25rem;\n }\n ul {\n padding: 0 20px;\n li {\n margin-bottom: 1rem;\n }\n }\n @media (min-width: 768px) {\n padding: 15px 25px;\n }\n }\n aside.blue {\n background: #7cffef;\n border-radius: 4px;\n padding: 24px 48px;\n margin: 4rem 0px;\n border: none;\n h2 {\n font-size: 36px;\n font-weight: 800;\n }\n }\n a.link-button {\n border-radius: 4px;\n color: #fff;\n cursor: pointer;\n padding: 12px 36px;\n transition: 0.2s;\n text-transform: uppercase;\n font-weight: 700;\n min-width: 150px;\n font-size: 14px;\n text-align: center;\n background-color: #0446ca;\n margin: 0 auto 4rem;\n display: block;\n width: 250px;\n text-decoration: none;\n &:hover {\n transform: scale(1.06);\n }\n }\n .gatsby-resp-image-wrapper {\n margin-top: 25px;\n margin-bottom: 25px;\n }\n picture {\n img {\n margin: 5rem auto;\n display: block;\n filter: drop-shadow(0px 0px 20px rgba(0, 0, 0, 0.16));\n @media (max-width: 800px) {\n margin: 3rem auto;\n }\n }\n }\n .smaller-video {\n max-width: 60%;\n display: block;\n margin: 0 auto;\n ${media.tablet} {\n max-width: 100%;\n }\n }\n ol {\n ul {\n li {\n margin-bottom: 5px;\n }\n }\n }\n .in-border {\n border: 2px solid black;\n }\n .action-btn {\n color: #fff !important;\n margin: 3rem auto;\n background-color: #0a4ed6;\n padding: 8px 28px;\n border: 2px solid #0a4ed6;\n border-radius: 4px;\n transition: 0.2s ease;\n max-height: 48px;\n font-size: 16px;\n font-weight: 800;\n text-align: center;\n cursor: pointer;\n min-width: 140px;\n max-width: fit-content;\n outline: 0;\n display: block;\n text-decoration: none;\n white-space: nowrap;\n &:hover {\n color: #0a4ed6 !important;\n background-color: #fff;\n outline: 0;\n border: 2px solid #0a4ed6;\n text-decoration: none;\n }\n }\n .action-banner {\n background-color: #7cffef;\n padding: 16px 24px;\n font-size: 18px;\n color: #000;\n width: 100%;\n display: block;\n margin: 1.5rem 0;\n font-weight: 700;\n border-radius: 4px;\n &::after {\n content: url(${arrowIcon});\n display: inline-block;\n clear: both;\n margin-left: 16px;\n transition: 0.2s ease;\n }\n &:hover {\n text-decoration: underline;\n &::after {\n transform: translateX(8px);\n }\n }\n }\n`;\n"],"sourceRoot":""}