Bounce rate is a key metric in web analytics that measures the percentage of single-page sessions on your website. In Google Analytics 4 (GA4), the concept of "bounce rate" has been replaced by "engagement rate." However, understanding how to calculate a bounce rate (or its inverse, engagement rate) is still valuable for analyzing user behavior. A session is considered a "bounce" if it doesn't involve any engagement, meaning the user leaves the site from the landing page without interacting further. For example, not clicking any links, not filling out a form, or not spending a significant amount of time on the page.
While GA4 emphasizes engagement, you might still want to calculate a traditional bounce rate for historical comparison or specific analyses. The formula for bounce rate is:
Bounce Rate = (Total Bounces / Total Sessions) * 100
Conversely, GA4's "engagement rate" is calculated as:
Engagement Rate = (Engaged Sessions / Total Sessions) * 100
An "engaged session" in GA4 is defined as a session that lasts longer than 10 seconds, has a conversion event, or has at least 2 pageviews or screenviews.
This calculator will help you understand the relationship between total sessions and engaged sessions to determine your website's bounce rate and engagement rate.
Calculate Your Website's Bounce and Engagement Rates
Results:
function calculateBounceRate() {
var totalSessionsInput = document.getElementById("totalSessions");
var engagedSessionsInput = document.getElementById("engagedSessions");
var totalSessions = parseFloat(totalSessionsInput.value);
var engagedSessions = parseFloat(engagedSessionsInput.value);
var bounceRateResultElement = document.getElementById("bounceRateResult");
var engagementRateResultElement = document.getElementById("engagementRateResult");
bounceRateResultElement.textContent = "";
engagementRateResultElement.textContent = "";
if (isNaN(totalSessions) || isNaN(engagedSessions)) {
bounceRateResultElement.textContent = "Please enter valid numbers for both Total Sessions and Engaged Sessions.";
return;
}
if (totalSessions <= 0) {
bounceRateResultElement.textContent = "Total Sessions must be greater than zero.";
return;
}
if (engagedSessions totalSessions) {
bounceRateResultElement.textContent = "Engaged Sessions cannot be negative or greater than Total Sessions.";
return;
}
var bounces = totalSessions – engagedSessions;
var bounceRate = (bounces / totalSessions) * 100;
var engagementRate = (engagedSessions / totalSessions) * 100;
bounceRateResultElement.textContent = "Bounce Rate: " + bounceRate.toFixed(2) + "%";
engagementRateResultElement.textContent = "Engagement Rate (GA4): " + engagementRate.toFixed(2) + "%";
}
label {
display: block;
margin-top: 10px;
font-weight: bold;
}
input[type="number"] {
width: 100%;
padding: 8px;
margin-top: 5px;
box-sizing: border-box;
}
button {
background-color: #4CAF50;
color: white;
padding: 10px 15px;
border: none;
cursor: pointer;
margin-top: 15px;
}
button:hover {
background-color: #45a049;
}
#result {
margin-top: 20px;
padding: 15px;
border: 1px solid #ccc;
background-color: #f9f9f9;
}
#result h3 {
margin-top: 0;
}