Kardio

The Problem
GA4 brought a lot of improvements compared to Universal Analytics (UA), but one major difference was a significant delay in seeing data in the platform.
During peak trading periods like Black Friday or Cyber Monday, you would have no idea if there was a major problem on your ecommerce site until it's too late. You would have to wait hours, or even until the next day, before you could see in-depth data about how user's are interacting with your site.
This can have major implications if an error breaks your site, preventing users from converting.
Our Solution
Kardio aims to solve this by capturing data independent of GA4 and showing it instantly in a fast, responsive UI. We only retain 8 days worth of data from a website, to keep our system lean and snappy.
This isn't a replacement to GA4 — Google's platform has a lot of great features,. It has widespread adoption and provides valuable historical insights. Our platform plugs the gap between needing up-to-the-moment information and access to historical trends.
So, how does it work?
We collect anonymised user data using our bespoke tag, added to your website. No GA4 is needed for Kardio to work. We're completely separate.
It's best practice for our tag to be added to your website using content-aware methods. For example, using a Cookie Management Platform (CMP) in Google Tag Manager (GTM). By doing this, you can run the Kardio tag only when users opt-in to receive tracking/analytics cookies.
We then track basic metrics like users and sessions. We can show landing page and acquisition reports by default, with the ability to filter via source and medium.
You can trigger additional Kardio functions after the tag is installed to track conversions, transactions, revenue and more (see our docs for more details). This can include seeing a breakdown of tax and shipping for revenue, what users are typing into a search bar on your website and what products are driving the most views/transactions.
Headline Features
- Outage Detection - if we don't receive any data from your site in a 30 minute interval, we'll automatically send you an email in case a major issue has broken your site (only during business operating hours).
- Core Web Vitals - specify pages on your site for us to regularly test in relation to key metrics Google uses for SEO rankings. See how they change over time as you make changes to your site, with detailed technical suggestions on how to improve.
- Alerts - create custom alerts to receive notifications based on the criteria you care about. We have extensive options so you can know if you have received "fewer than X sessions in the past hour" or "more than £X today".
- Scheduled Reports - set a schedule to receive emails summarising your website activity. At the end of every day, you can receive an email detailing the number of transactions, sessions and revenue for the day (for example).
- Bot prevention - we use advanced security features to ensure any traffic from bots aren't saved into our system. Search engine crawlers and AI bots are blocked as standard. The data you see, is from real humans.
Want to try?
Visit the brochure site to learn more and sign up!
Project Gallery
Technology Used
NextJS
A React-based web framework that enables server-side rendering and static site generation. Perfect for building fast, production-ready web applications.
React
A JavaScript library for building interactive user interfaces through reusable components. The go-to choice for modern frontend development.
Javascript
The programming language of the web, enabling interactive functionality on websites. Essential for modern web development.
Node JS
A JavaScript runtime for server-side development. Popular for creating RESTful APIs and real-time applications.
Github
A web-based platform for version control and collaboration using Git. The industry standard for code collaboration.
Sass
A CSS preprocessor that extends CSS with variables, nesting, and mixins. Helps write more maintainable stylesheets.
Npm
The default package manager for Node.js with millions of JavaScript packages. Essential for modern JavaScript development workflows.
Tailwind
A utility-first CSS framework for rapid UI development. Highly customizable and optimized for production.
Vercel
A cloud platform for static sites and serverless functions. Provides instant deployments and global CDN.
Framer
A design and prototyping tool for creating interactive prototypes. Popular among UI/UX designers and developers.
Google Cloud
A suite of cloud computing services including storage and machine learning APIs. Trusted by enterprises for scalable applications.
Sql
A language for managing and querying relational databases. Essential for backend development and data analysis.
Kardio is a real-time data analytics platform, designed to solve the delay in GA4. It has advanced features to monitor and receive alerts about your site, based on performance.
Interested in seeing more?
Check out this project which you might like. Or see them all.



