Get Day 1 insights from In-Page Analytics

We are very excited to announce the release of Insightech In-Page Analytics feature, which works with dynamic pages and single-page applications out-of-the-box. You can access the in-page analytics feature by clicking on the Analytics tab in the replay user interface.

The current version offers three options for in-page analytics:

1. Most Clicked Links: This option will list the clicked links ( elements) with click rates in descendant order, and highlight the links on the page in the playback window. It helps you gain insights on landing pages.
2. Most Clicked Fields: This option will show click rates of fields (, , <select> and <label> elements) only. It is designed to work with forms, even single-page applications forms that are deep inside the funnel. Form analysis is quick and simple with in-page analytics.</li> <li><strong><strong>Most Clicked Elements:</strong></strong> Modern web page design often requires a lot of techniques in stylesheet and HTML to achieve. Your form fields could be constructed with <div> elements instead of standard field elements. This option helps you to handle any challenges.</li> </ol> <p>For dynamic pages, or single-page applications, you can pause the playback at any time and activate in-page analytics by choosing one of the three options.</p> <p>The feature will show you relevant data at the current playback, which means if the replay is on step x of a single-page application, it will be able to show you the field clicks of step x.</p> <p>By clicking on an element in the element list of the in-page analytics feature, it will hide the other clicked elements in the replay window to make it easier for you visually find the element in the replay window.</p> <p><strong><strong>Here is an example screenshot of only highlighting the Close button in the popup of our live demo page.</strong></strong></p> <p><img src="/blog/get-day-1-insights-with-in-page-analytics/6101f88c1162e561225f17e3_1.jpg" alt=""></p> <h2 id="how-is-in-page-analytics-different-from-heatmap"><strong>How is in-page analytics different from heatmap?</strong></h2> <p>Heatmaps overlay user activities on a static image and it works fine with static pages, however most web pages are dynamic or personalised nowadays. We put in-page analytics inside replay so that you can gain insights about how real visitors interact with the dynamic elements of your websites.</p> </div> </article> <aside class="lg:w-80 xl:w-96"> <div class="space-y-8"> <div class="bg-primary-50 p-6 rounded-lg"> <h3 class="text-lg font-bold text-gray-900 mb-2">Subscribe to Newsletter</h3> <p class="text-sm text-gray-600 mb-4">Get the latest insights delivered right to your inbox</p> <form action="https://formspree.io/f/your-form-id" method="POST" class="space-y-3"> <div> <input type="email" name="email" placeholder="Enter your email" required class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-primary-500 focus:border-primary-500" > </div> <button type="submit" class="w-full px-4 py-2 bg-primary-600 text-white rounded-lg hover:bg-primary-700 transition-colors duration-200" > Subscribe </button> <p class="text-xs text-gray-500 mt-2">We respect your privacy. Unsubscribe at any time.</p> </form> </div> <div class="bg-white rounded-lg shadow-md p-6"> <h3 class="text-lg font-bold mb-4">Recent Articles</h3> <div class="space-y-4"> <div class="group"> <a href="/blog/insightechs-enhanced-click-map-turns-your-web-pages-into-interactive-insights/" class="block"> <div class="aspect-w-16 aspect-h-9 mb-3 overflow-hidden rounded-lg"> <img src="/blog/insightechs-enhanced-click-map-turns-your-web-pages-into-interactive-insights/click_map_cover.png" alt="Get Day 1 insights from In-Page Analytics" class="object-cover w-full h-full transform group-hover:scale-105 transition-transform duration-300" loading="lazy" > </div> <h4 class="font-medium text-gray-900 group-hover:text-primary-600 transition-colors duration-200 line-clamp-2"> Insightech's Enhanced Click Map Turns Your Web Pages into Interactive Insights </h4> <div class="flex items-center text-sm text-gray-500 mt-2"> <svg class="w-4 h-4 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"></path> </svg> <time datetime="2024-10-08"> Oct 8, 2024 </time> </div> </a> </div> <div class="group"> <a href="/blog/boost-collaboration-with-insightech-how-to-save-and-share-custom-reports/" class="block"> <div class="aspect-w-16 aspect-h-9 mb-3 overflow-hidden rounded-lg"> <img src="/blog/boost-collaboration-with-insightech-how-to-save-and-share-custom-reports/saved_repoirts.png" alt="Get Day 1 insights from In-Page Analytics" class="object-cover w-full h-full transform group-hover:scale-105 transition-transform duration-300" loading="lazy" > </div> <h4 class="font-medium text-gray-900 group-hover:text-primary-600 transition-colors duration-200 line-clamp-2"> Boost Collaboration with Insightech: How to Save and Share Custom Reports </h4> <div class="flex items-center text-sm text-gray-500 mt-2"> <svg class="w-4 h-4 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"></path> </svg> <time datetime="2024-09-02"> Sep 2, 2024 </time> </div> </a> </div> <div class="group"> <a href="/blog/how-small-optimisations-can-have-a-big-impact-on-your-conversion-rates/" class="block"> <div class="aspect-w-16 aspect-h-9 mb-3 overflow-hidden rounded-lg"> <img src="/blog/how-small-optimisations-can-have-a-big-impact-on-your-conversion-rates/Blog-Cover-Images.png" alt="Get Day 1 insights from In-Page Analytics" class="object-cover w-full h-full transform group-hover:scale-105 transition-transform duration-300" loading="lazy" > </div> <h4 class="font-medium text-gray-900 group-hover:text-primary-600 transition-colors duration-200 line-clamp-2"> How Small Optimisations Can Have a Big Impact on Your Conversion Rates </h4> <div class="flex items-center text-sm text-gray-500 mt-2"> <svg class="w-4 h-4 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"></path> </svg> <time datetime="2024-06-24"> Jun 24, 2024 </time> </div> </a> </div> <div class="group"> <a href="/blog/top-5-ecommerce-ux-trends-in-2024/" class="block"> <div class="aspect-w-16 aspect-h-9 mb-3 overflow-hidden rounded-lg"> <img src="/blog/top-5-ecommerce-ux-trends-in-2024/7-.png" alt="Get Day 1 insights from In-Page Analytics" class="object-cover w-full h-full transform group-hover:scale-105 transition-transform duration-300" loading="lazy" > </div> <h4 class="font-medium text-gray-900 group-hover:text-primary-600 transition-colors duration-200 line-clamp-2"> Top 5 Ecommerce UX Trends in 2024 </h4> <div class="flex items-center text-sm text-gray-500 mt-2"> <svg class="w-4 h-4 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"></path> </svg> <time datetime="2024-06-10"> Jun 10, 2024 </time> </div> </a> </div> <div class="group"> <a href="/blog/prioritising/" class="block"> <div class="aspect-w-16 aspect-h-9 mb-3 overflow-hidden rounded-lg"> <img src="/blog/prioritising/6-.png" alt="Get Day 1 insights from In-Page Analytics" class="object-cover w-full h-full transform group-hover:scale-105 transition-transform duration-300" loading="lazy" > </div> <h4 class="font-medium text-gray-900 group-hover:text-primary-600 transition-colors duration-200 line-clamp-2"> Why digital experience matters for conversion rate optimisation </h4> <div class="flex items-center text-sm text-gray-500 mt-2"> <svg class="w-4 h-4 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"></path> </svg> <time datetime="2024-05-26"> May 26, 2024 </time> </div> </a> </div> </div> </div> <div class="bg-white rounded-lg shadow-md p-6"> <h3 class="text-lg font-bold mb-4">Categories</h3> <div class="flex flex-wrap gap-2"> </div> </div> <div class="bg-white rounded-lg shadow-md p-6"> <h3 class="text-lg font-bold mb-4">Popular Tags</h3> <div class="flex flex-wrap gap-2"> </div> </div> </div> </aside> </div> <nav class="border-t border-gray-200 mt-12 pt-8"> <div class="flex justify-between items-center"> <a href="/blog/stop-the-guesswork/" class="group flex items-center"> <svg class="w-5 h-5 mr-2 text-gray-600 group-hover:text-primary-600" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 19l-7-7m0 0l7-7m-7 7h18"></path> </svg> <div> <div class="text-sm text-gray-600">Previous Post</div> <div class="font-medium group-hover:text-primary-600">Stop the Guesswork</div> </div> </a> <a href="/blog/custom-tracking-made-simple/" class="group flex items-center text-right"> <div> <div class="text-sm text-gray-600">Next Post</div> <div class="font-medium group-hover:text-primary-600">Custom Tracking Made Simple</div> </div> <svg class="w-5 h-5 ml-2 text-gray-600 group-hover:text-primary-600" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14 5l7 7m0 0l-7 7m7-7H3"></path> </svg> </a> </div> </nav> <div class="mt-16"> <section class="cta-section"> <div class="container"> <div class="relative rounded-lg overflow-hidden bg-primary-600 cta-gradient" style="--gradient-angle: 45; --gradient-from: #3b82f6; --gradient-to: #7c3aed"> <div class="relative text-center max-w-3xl mx-auto px-6 py-10"> <h2 class="text-3xl md:text-4xl font-bold text-white mb-6">Ready to Optimize Your Digital Experience?</h2> <p class="text-xl text-primary-100 mb-8">Join leading brands using Insightech to unlock hidden revenue opportunities and deliver exceptional customer experiences.</p> <div class="flex flex-col sm:flex-row justify-center gap-4"> <a href="/contact" class="btn bg-white text-primary-600 hover:bg-gray-100"> Start Free Trial </a> </div> </div> </div> </div> </section> </div> </div> </div> <footer class="bg-gray-50 py-12 border-t border-gray-200"> <div class="container mx-auto px-4 sm:px-6 lg:px-8 max-w-7xl"> <div class="flex flex-col md:flex-row justify-between space-y-4 md:space-y-0"> <div class="flex-1"> <div class="flex items-center space-x-3 mb-4"> <a href="/" class="inline-block"> <img src="/images/insightech_logo.png" alt="Insightech" class="h-6"> </a> <span class="text-xl font-bold text-gray-900">Insightech</span> </div> <div class="flex space-x-3 p-2"> <a href="https://linkedin.com/in/yourusername" class="text-gray-600 hover:text-gray-900" target="_blank" rel="noopener noreferrer"> <span class="sr-only">LinkedIn</span> <img src="/images/social/linkedin.svg" alt="LinkedIn" class="h-5 w-5"> </a> <a href="https://twitter.com/yourusername" class="text-gray-600 hover:text-gray-900" target="_blank" rel="noopener noreferrer"> <span class="sr-only">Twitter (X)</span> <img src="/images/social/twitter.svg" alt="Twitter" class="h-5 w-5"> </a> <a href="https://github.com/yourusername" class="text-gray-600 hover:text-gray-900" target="_blank" rel="noopener noreferrer"> <span class="sr-only">GitHub</span> <img src="/images/social/github.svg" alt="GitHub" class="h-5 w-5"> </a> </div> </div> <div class="flex-1"> <h3 class="text-sm font-semibold uppercase tracking-wider text-gray-900 mb-4"></h3> <ul class="space-y-2"> </ul> </div> <div class="flex-1"> <h3 class="text-sm font-semibold uppercase tracking-wider text-gray-900 mb-4"></h3> <ul class="space-y-2"> </ul> </div> <div class="flex-1"> <h3 class="text-sm font-semibold uppercase tracking-wider text-gray-900 mb-4"></h3> <ul class="space-y-2"> </ul> </div> </div> <div class="mt-12 pt-8 border-t border-gray-200"> <div class="flex flex-col md:flex-row justify-between items-center space-y-4 md:space-y-0"> <p class="text-gray-600 text-sm"> © 2025 Insightech. All rights reserved. </p> <a href="https://chaoming.li" class="text-sm text-gray-600 hover:text-primary-600" target="_blank" rel="noopener noreferrer"> Designed by Chaoming Li </a> </div> </div> </div> </footer> <script> const mobileMenuButton = document.getElementById('mobile-menu-button'); if (mobileMenuButton) { mobileMenuButton.addEventListener('click', function() { const mobileMenu = document.getElementById('mobile-menu'); if (mobileMenu) { mobileMenu.classList.toggle('hidden'); } }); } </script> </body> </html>