ScrapingBee is a web scraping API that helps users quickly and efficiently gather data on the web. Scraping the web at scale can be very challenging and their product solves some of the hardest customer challenges, like managing a fleet of headless browsers or choosing the best proxy provider.<\/p>\n\n\n\n
ScrapingBee invested in their blogs with the goal to create content to educate their customers with tutorials to help them achieve the best results. <\/p>\n\n\n\n
ScrapingBee’s challenge<\/strong><\/h3>\n\n\n\n<\/p>\n\n\n\n
They wanted to know how many people were reading their blog and if those readers found the content good and helpful. <\/p>\n\n\n\n
<\/p>\n\n\n\n
How did Clarity help measure blog usefulness?<\/strong><\/h3>\n\n\n\n<\/p>\n\n\n\n
1. Identify cause of user drop off on blogs<\/strong><\/h4>\n\n\n\na) By looking at scroll heat maps, they were able to identify parts of the articles where they saw the steepest drop off in readers’ attention.<\/p>\n\n\n\n
b) Additionally, they identified that large code snippets led to page abandonment whereas shorter snippets with an explanation had a higher scroll depth. <\/p>\n\n\n\n
\u201cIt allowed us to quickly see the average scroll depth of people reading our blog posts and helped us detect some interesting pattern. For example, we noticed that if code snippets were too big, lots of people would leave the page, while they enjoyed short code snippet followed by an explanation.\u201d<\/em><\/p><\/blockquote>\n\n\n\nSolution: <\/strong>ScrapingBee greatly reduced the size of their code snippets, splitting them into smaller ones. Additionally, they added explanations between them.
<\/p>\n\n\n\n![\"scraping](\"\/wp-content\/uploads\/2021\/09\/ScrapingBee6-1024x813.png\")
New version<\/figcaption><\/figure><\/li><\/ul><\/figure>\n\n\n\n2. Identify usability issues on their site<\/strong><\/h4>\n\n\n\nClarity\u2019s rage click<\/a><\/strong> metric brought customer confusion to light. <\/p>\n\n\n\n“The rage click metric also showed us that we had some usability issues on our articles, especially due to our styling. People thought some words were links whereas they were just important bits we wanted to highlight.”\u202f<\/em> <\/p><\/blockquote>\n\n\n\n![\"\"](\"https:\/\/clarity.microsoft.com\/case-studies\/wp-content\/uploads\/2021\/09\/ScrapingBee4.png\")
Old version<\/figcaption><\/figure><\/li>![\"\"](\"https:\/\/clarity.microsoft.com\/case-studies\/wp-content\/uploads\/2021\/09\/ScrapingBee5.png\")
New version<\/figcaption><\/figure><\/li><\/ul><\/figure>\n\n\n\nSolution: <\/strong>By changing the font style, they prevented customers from mistaking text for a link. <\/p>\n\n\n\n3. Identify content engagement <\/strong><\/h4>\n\n\n\na) Clarity revealed that pages with a table of content had a higher engagement.<\/p>\n\n\n\n![\"scrapingbee](\"\/wp-content\/uploads\/2021\/09\/ScrapingBee3-1024x497.png\")
<\/figure>\n\n\n\nb) Clarity helped improve their blog’s call-to-action<\/a><\/strong> (CTA)<\/p>\n\n\n\n\u201cWe noticed that very few people were clicking on our CTA below the blog, we improved it a lot by making it pop-out more.<\/em>\u201d <\/p><\/blockquote>\n\n\n\n![\"scrapingbee](\"\/wp-content\/uploads\/2021\/09\/ScrapingBee7-1024x227.png\")
<\/figure>\n\n\n\nResult: <\/strong>Increased click-through rate by more than 24% by updating our CTA. <\/p>\n\n\n\n<\/p>\n\n\n\n
How did Clarity help improve blog metrics? <\/strong><\/h3>\n\n\n\n<\/p>\n\n\n\n
- 21% increase in average time spent on blog<\/li>
- 24% increase in click-through rate<\/li><\/ul>\n\n\n\n
Web scraping in Python article<\/strong><\/a> saw:<\/p>\n\n\n\n- 15% increase in scroll depth<\/li>
- 15% increase on active time spent on page<\/li>
- 90% decrease in quickbacks<\/li><\/ul>\n\n\n\n
What were ScrapingBee’s biggest learnings?<\/strong><\/h3>\n\n\n\n- \u201cIt\u2019s important to constantly monitor how users interact with your blog post: the buttons they click on, the average scroll depth, if they interact with code snippet or table of contents etc …\u201d<\/em><\/li><\/ul>\n\n\n\n
<\/p>\n\n\n\n
- \u201cFollow web UX best practice: only links should look like links.\u201d <\/em><\/li><\/ul>\n\n\n\n
<\/p>\n\n\n\n
- \u201cA clear table of content is crucial to improve navigability.\u201d <\/em><\/li><\/ul>\n\n\n\n
<\/p>\n\n\n\n
- \u201cCopy writing is very important in long blog article so that people keep reading.\u201d <\/em><\/li><\/ul>\n\n\n\n
Improve your blog’s performance! Get Clarity today! <\/a><\/strong><\/p>\n\n\n\n\n\n\n\n![\"\"](\"https:\/\/clarity.microsoft.com\/case-studies\/wp-content\/uploads\/2021\/10\/Persona-pic-225x300.png\")
<\/figure>\n“I use Clarity to help analyze our blog content. With Clarity scroll map feature, I can quickly see how far people are scrolling through our blogs, which helps us figure out what’s working and what’s not. It’s super easy to use, too.”<\/em><\/em><\/p>Pierre de Wulf, co-founder of ScrapingBee<\/cite><\/blockquote>\n<\/div><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\nLove using Clarity? Share your story with\u00a0us<\/a>!<\/strong><\/p>\n","protected":false},"excerpt":{"rendered":"
<\/p>\n\n\n\n
1. Identify cause of user drop off on blogs<\/strong><\/h4>\n\n\n\na) By looking at scroll heat maps, they were able to identify parts of the articles where they saw the steepest drop off in readers’ attention.<\/p>\n\n\n\n
b) Additionally, they identified that large code snippets led to page abandonment whereas shorter snippets with an explanation had a higher scroll depth. <\/p>\n\n\n\n
\u201cIt allowed us to quickly see the average scroll depth of people reading our blog posts and helped us detect some interesting pattern. For example, we noticed that if code snippets were too big, lots of people would leave the page, while they enjoyed short code snippet followed by an explanation.\u201d<\/em><\/p><\/blockquote>\n\n\n\nSolution: <\/strong>ScrapingBee greatly reduced the size of their code snippets, splitting them into smaller ones. Additionally, they added explanations between them.
<\/p>\n\n\n\nNew version<\/figcaption><\/figure><\/li><\/ul><\/figure>\n\n\n\n2. Identify usability issues on their site<\/strong><\/h4>\n\n\n\nClarity\u2019s rage click<\/a><\/strong> metric brought customer confusion to light. <\/p>\n\n\n\n“The rage click metric also showed us that we had some usability issues on our articles, especially due to our styling. People thought some words were links whereas they were just important bits we wanted to highlight.”\u202f<\/em> <\/p><\/blockquote>\n\n\n\nOld version<\/figcaption><\/figure><\/li>New version<\/figcaption><\/figure><\/li><\/ul><\/figure>\n\n\n\nSolution: <\/strong>By changing the font style, they prevented customers from mistaking text for a link. <\/p>\n\n\n\n3. Identify content engagement <\/strong><\/h4>\n\n\n\na) Clarity revealed that pages with a table of content had a higher engagement.<\/p>\n\n\n\n<\/figure>\n\n\n\nb) Clarity helped improve their blog’s call-to-action<\/a><\/strong> (CTA)<\/p>\n\n\n\n\u201cWe noticed that very few people were clicking on our CTA below the blog, we improved it a lot by making it pop-out more.<\/em>\u201d <\/p><\/blockquote>\n\n\n\n<\/figure>\n\n\n\nResult: <\/strong>Increased click-through rate by more than 24% by updating our CTA. <\/p>\n\n\n\n<\/p>\n\n\n\n
How did Clarity help improve blog metrics? <\/strong><\/h3>\n\n\n\n<\/p>\n\n\n\n
- 21% increase in average time spent on blog<\/li>
- 24% increase in click-through rate<\/li><\/ul>\n\n\n\n
Web scraping in Python article<\/strong><\/a> saw:<\/p>\n\n\n\n- 15% increase in scroll depth<\/li>
- 15% increase on active time spent on page<\/li>
- 90% decrease in quickbacks<\/li><\/ul>\n\n\n\n
What were ScrapingBee’s biggest learnings?<\/strong><\/h3>\n\n\n\n- \u201cIt\u2019s important to constantly monitor how users interact with your blog post: the buttons they click on, the average scroll depth, if they interact with code snippet or table of contents etc …\u201d<\/em><\/li><\/ul>\n\n\n\n
<\/p>\n\n\n\n
- \u201cFollow web UX best practice: only links should look like links.\u201d <\/em><\/li><\/ul>\n\n\n\n
<\/p>\n\n\n\n
- \u201cA clear table of content is crucial to improve navigability.\u201d <\/em><\/li><\/ul>\n\n\n\n
<\/p>\n\n\n\n
- \u201cCopy writing is very important in long blog article so that people keep reading.\u201d <\/em><\/li><\/ul>\n\n\n\n
Improve your blog’s performance! Get Clarity today! <\/a><\/strong><\/p>\n\n\n\n\n\n\n\n<\/figure>\n“I use Clarity to help analyze our blog content. With Clarity scroll map feature, I can quickly see how far people are scrolling through our blogs, which helps us figure out what’s working and what’s not. It’s super easy to use, too.”<\/em><\/em><\/p>Pierre de Wulf, co-founder of ScrapingBee<\/cite><\/blockquote>\n<\/div><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\nLove using Clarity? Share your story with\u00a0us<\/a>!<\/strong><\/p>\n","protected":false},"excerpt":{"rendered":"
\u201cIt allowed us to quickly see the average scroll depth of people reading our blog posts and helped us detect some interesting pattern. For example, we noticed that if code snippets were too big, lots of people would leave the page, while they enjoyed short code snippet followed by an explanation.\u201d<\/em><\/p><\/blockquote>\n\n\n\n Solution: <\/strong>ScrapingBee greatly reduced the size of their code snippets, splitting them into smaller ones. Additionally, they added explanations between them. Clarity\u2019s rage click<\/a><\/strong> metric brought customer confusion to light. <\/p>\n\n\n\n “The rage click metric also showed us that we had some usability issues on our articles, especially due to our styling. People thought some words were links whereas they were just important bits we wanted to highlight.”\u202f<\/em> <\/p><\/blockquote>\n\n\n\n Solution: <\/strong>By changing the font style, they prevented customers from mistaking text for a link. <\/p>\n\n\n\n a) Clarity revealed that pages with a table of content had a higher engagement.<\/p>\n\n\n\n b) Clarity helped improve their blog’s call-to-action<\/a><\/strong> (CTA)<\/p>\n\n\n\n \u201cWe noticed that very few people were clicking on our CTA below the blog, we improved it a lot by making it pop-out more.<\/em>\u201d <\/p><\/blockquote>\n\n\n\n Result: <\/strong>Increased click-through rate by more than 24% by updating our CTA. <\/p>\n\n\n\n <\/p>\n\n\n\n <\/p>\n\n\n\n Web scraping in Python article<\/strong><\/a> saw:<\/p>\n\n\n\n <\/p>\n\n\n\n <\/p>\n\n\n\n <\/p>\n\n\n\n Improve your blog’s performance! Get Clarity today! <\/a><\/strong><\/p>\n\n\n\n “I use Clarity to help analyze our blog content. With Clarity scroll map feature, I can quickly see how far people are scrolling through our blogs, which helps us figure out what’s working and what’s not. It’s super easy to use, too.”<\/em><\/em><\/p>Pierre de Wulf, co-founder of ScrapingBee<\/cite><\/blockquote>\n<\/div><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n Love using Clarity? Share your story with\u00a0us<\/a>!<\/strong><\/p>\n","protected":false},"excerpt":{"rendered":"
<\/p>\n\n\n\n2. Identify usability issues on their site<\/strong><\/h4>\n\n\n\n
3. Identify content engagement <\/strong><\/h4>\n\n\n\n
<\/figure>\n\n\n\n<\/figure>\n\n\n\nHow did Clarity help improve blog metrics? <\/strong><\/h3>\n\n\n\n
What were ScrapingBee’s biggest learnings?<\/strong><\/h3>\n\n\n\n
<\/figure>