{"product_id":"bounce-rate","title":"Bounce Rate Calculator","description":"\u003cstyle\u003e\n.brc-calculator {\n  --ink: #0f172a;\n  --muted: #475569;\n  --border: #e2e8f0;\n  --surface: #ffffff;\n  --tint: #f8fafc;\n  --primary: #1d4ed8;\n  --accent: #c2410c;\n  --accent-hover: #9a3412;\n  --chart-1: #1e40af;\n  --chart-2: #0d9488;\n  --chart-3: #7c3aed;\n  --chart-4: #be185d;\n  --chart-5: #334155;\n  width: 100%;\n  max-width: 1200px;\n  margin: 0 auto;\n  color: var(--ink);\n  background: var(--surface);\n  border: 1px solid var(--border);\n  border-radius: 8px;\n  box-shadow: 0 1px 2px rgba(15, 23, 42, .06);\n  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\n  font-size: 15px;\n  line-height: 1.6;\n  container-type: inline-size;\n}\n.brc-calculator,\n.brc-calculator *,\n.brc-calculator *::before,\n.brc-calculator *::after {\n  box-sizing: border-box;\n}\n.brc-calculator .brc-shell {\n  min-width: 0;\n  padding: 24px;\n}\n.brc-calculator .brc-header,\n.brc-calculator .brc-toolbar,\n.brc-calculator .brc-workspace,\n.brc-calculator .brc-breakdown,\n.brc-calculator .brc-table-section,\n.brc-calculator .brc-education,\n.brc-calculator .brc-input-panel,\n.brc-calculator .brc-results-panel,\n.brc-calculator .brc-result-card,\n.brc-calculator .brc-chart-card,\n.brc-calculator .brc-chart-cluster,\n.brc-calculator .brc-chart-visual,\n.brc-calculator .brc-chart-side,\n.brc-calculator .brc-legend,\n.brc-calculator .brc-legend-row,\n.brc-calculator .brc-field,\n.brc-calculator .brc-field-grid,\n.brc-calculator .brc-metric-grid,\n.brc-calculator .brc-table-card,\n.brc-calculator .brc-table-wrap,\n.brc-calculator .brc-table-note,\n.brc-calculator .brc-chart-caption,\n.brc-calculator .brc-summary-pills,\n.brc-calculator .brc-summary-pill,\n.brc-calculator .brc-status-line,\n.brc-calculator .brc-education-grid,\n.brc-calculator .brc-education-block {\n  min-width: 0;\n}\n.brc-calculator .brc-header {\n  display: grid;\n  gap: 12px;\n}\n.brc-calculator .brc-title {\n  margin: 0;\n  color: var(--ink);\n  font-size: 24px;\n  font-weight: 700;\n  line-height: 1.25;\n  letter-spacing: -.02em;\n}\n.brc-calculator .brc-subtitle {\n  margin: 0;\n  max-width: 780px;\n  color: var(--muted);\n}\n.brc-calculator .brc-summary-pills {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 8px;\n}\n.brc-calculator .brc-summary-pill {\n  display: inline-flex;\n  align-items: baseline;\n  gap: 6px;\n  padding: 6px 10px;\n  border: 1px solid var(--border);\n  border-radius: 999px;\n  background: var(--tint);\n  color: var(--muted);\n  font-size: 13px;\n  font-weight: 500;\n  line-height: 1.35;\n}\n.brc-calculator .brc-summary-pill strong {\n  color: var(--ink);\n  font-weight: 700;\n  font-variant-numeric: tabular-nums;\n}\n.brc-calculator .brc-toolbar {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 8px;\n  margin-top: 16px;\n}\n.brc-calculator .brc-button {\n  min-height: 46px;\n  border: 1px solid transparent;\n  border-radius: 6px;\n  padding: 11px 16px;\n  font: inherit;\n  font-size: 15px;\n  font-weight: 650;\n  line-height: 1.2;\n  cursor: pointer;\n  transition: background-color .15s ease, border-color .15s ease, box-shadow .15s ease, transform .15s ease;\n}\n.brc-calculator .brc-button:hover {\n  box-shadow: 0 2px 6px rgba(15, 23, 42, .12);\n}\n.brc-calculator .brc-button:active {\n  transform: translateY(1px);\n}\n.brc-calculator .brc-button:focus-visible,\n.brc-calculator .brc-input:focus-visible,\n.brc-calculator .brc-link:focus-visible {\n  outline: 3px solid #1d4ed8;\n  outline-offset: 2px;\n}\n.brc-calculator .brc-download {\n  display: inline-flex;\n  align-items: center;\n  gap: 10px;\n  padding: 12px 18px;\n  background: var(--accent);\n  color: #ffffff;\n  white-space: nowrap;\n}\n.brc-calculator .brc-download:hover {\n  background: var(--accent-hover);\n}\n.brc-calculator .brc-download-icon {\n  width: 20px;\n  height: 20px;\n  flex: 0 0 20px;\n}\n.brc-calculator .brc-reset {\n  background: var(--surface);\n  border-color: #64748b;\n  color: var(--ink);\n}\n.brc-calculator .brc-reset:hover {\n  background: var(--tint);\n  border-color: #64748b;\n}\n.brc-calculator .brc-status-line {\n  min-height: 22px;\n  margin-top: 8px;\n  color: var(--muted);\n  font-size: 13px;\n  font-weight: 500;\n}\n.brc-calculator .brc-workspace {\n  display: grid;\n  grid-template-columns: minmax(0, 1fr);\n  gap: 16px;\n  margin-top: 24px;\n  align-items: start;\n}\n.brc-calculator .brc-panel,\n.brc-calculator .brc-chart-card,\n.brc-calculator .brc-table-card {\n  min-width: 0;\n  border: 1px solid var(--border);\n  border-radius: 8px;\n  background: var(--surface);\n  box-shadow: 0 1px 2px rgba(15, 23, 42, .06);\n}\n.brc-calculator .brc-input-panel,\n.brc-calculator .brc-results-panel,\n.brc-calculator .brc-chart-card,\n.brc-calculator .brc-table-card {\n  padding: 20px;\n}\n.brc-calculator .brc-section-title {\n  margin: 0;\n  color: var(--ink);\n  font-size: 18px;\n  font-weight: 650;\n  line-height: 1.35;\n}\n.brc-calculator .brc-section-intro {\n  margin: 4px 0 0;\n  color: var(--muted);\n  font-size: 13px;\n  font-weight: 500;\n}\n.brc-calculator .brc-field-grid {\n  display: grid;\n  grid-template-columns: minmax(0, 1fr);\n  gap: 16px;\n  margin-top: 20px;\n}\n.brc-calculator .brc-field {\n  display: grid;\n  align-content: start;\n  gap: 6px;\n}\n.brc-calculator .brc-label {\n  color: var(--ink);\n  font-size: 14px;\n  font-weight: 600;\n  line-height: 1.4;\n}\n.brc-calculator .brc-input {\n  width: 100%;\n  min-height: 46px;\n  border: 1px solid #64748b;\n  border-radius: 6px;\n  padding: 10px 12px;\n  background: var(--surface);\n  color: var(--ink);\n  font: inherit;\n  font-size: 15px;\n  font-weight: 400;\n  line-height: 1.4;\n  font-variant-numeric: tabular-nums;\n}\n.brc-calculator .brc-input:hover {\n  border-color: #64748b;\n}\n.brc-calculator .brc-input[aria-invalid=\"true\"] {\n  border-color: #b91c1c;\n  box-shadow: 0 0 0 1px #b91c1c;\n}\n.brc-calculator .brc-helper,\n.brc-calculator .brc-error {\n  min-height: 39px;\n  margin: 0;\n  font-size: 13px;\n  font-weight: 500;\n  line-height: 1.5;\n}\n.brc-calculator .brc-helper {\n  color: var(--muted);\n}\n.brc-calculator .brc-error {\n  color: #991b1b;\n}\n.brc-calculator .brc-formula-box {\n  margin-top: 16px;\n  padding: 12px;\n  border: 1px solid var(--border);\n  border-radius: 6px;\n  background: var(--tint);\n  color: var(--muted);\n  font-size: 13px;\n  font-weight: 500;\n}\n.brc-calculator .brc-formula-box strong {\n  color: var(--ink);\n  font-weight: 650;\n}\n.brc-calculator .brc-primary-result {\n  display: grid;\n  gap: 8px;\n  margin-top: 20px;\n  padding: 16px;\n  border-left: 4px solid var(--primary);\n  border-radius: 6px;\n  background: #eff6ff;\n}\n.brc-calculator .brc-primary-label {\n  color: #1e3a8a;\n  font-size: 13px;\n  font-weight: 650;\n}\n.brc-calculator .brc-primary-value {\n  color: var(--ink);\n  font-size: 30px;\n  font-weight: 700;\n  line-height: 1.1;\n  letter-spacing: -.02em;\n  font-variant-numeric: tabular-nums;\n  overflow-wrap: anywhere;\n}\n.brc-calculator .brc-primary-copy {\n  margin: 0;\n  color: #334155;\n  font-size: 13px;\n  font-weight: 500;\n}\n.brc-calculator .brc-metric-grid {\n  display: grid;\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n  gap: 12px;\n  margin-top: 16px;\n}\n.brc-calculator .brc-result-card {\n  display: grid;\n  align-content: start;\n  gap: 4px;\n  padding: 12px;\n  border: 1px solid var(--border);\n  border-radius: 6px;\n  background: var(--tint);\n}\n.brc-calculator .brc-card-label {\n  color: var(--muted);\n  font-size: 13px;\n  font-weight: 600;\n}\n.brc-calculator .brc-card-value {\n  color: var(--ink);\n  font-size: 20px;\n  font-weight: 700;\n  line-height: 1.25;\n  font-variant-numeric: tabular-nums;\n  overflow-wrap: anywhere;\n}\n.brc-calculator .brc-breakdown,\n.brc-calculator .brc-table-section,\n.brc-calculator .brc-education {\n  margin-top: 24px;\n}\n.brc-calculator .brc-chart-head {\n  display: grid;\n  gap: 4px;\n}\n.brc-calculator .brc-chart-cluster {\n  display: grid;\n  grid-template-columns: minmax(0, 1fr);\n  justify-items: center;\n  align-items: center;\n  gap: 20px;\n  max-width: 760px;\n  margin: 20px auto 0;\n}\n.brc-calculator .brc-chart-visual {\n  display: grid;\n  place-items: center;\n  width: min(100%, 300px);\n  min-height: 260px;\n}\n.brc-calculator .brc-chart-total-line {\n  margin: 0 0 8px;\n  color: var(--muted);\n  font-size: 13px;\n  font-weight: 600;\n  text-align: center;\n}\n.brc-calculator .brc-chart-total-line strong {\n  color: var(--ink);\n  font-variant-numeric: tabular-nums;\n}\n.brc-calculator .brc-donut {\n  display: block;\n  width: min(100%, 280px);\n  height: auto;\n  overflow: visible;\n}\n.brc-calculator .brc-donut-track {\n  fill: none;\n  stroke: #e2e8f0;\n  stroke-width: 26;\n}\n.brc-calculator .brc-donut-segment {\n  fill: none;\n  stroke-width: 26;\n  stroke-linecap: butt;\n}\n.brc-calculator .brc-donut-value {\n  fill: var(--ink);\n  font-size: 30px;\n  font-weight: 700;\n  text-anchor: middle;\n  dominant-baseline: middle;\n  font-variant-numeric: tabular-nums;\n}\n.brc-calculator .brc-donut-caption {\n  fill: var(--muted);\n  font-size: 13px;\n  font-weight: 600;\n  text-anchor: middle;\n}\n.brc-calculator .brc-chart-side {\n  display: grid;\n  align-content: center;\n  gap: 12px;\n  width: min(100%, 390px);\n}\n.brc-calculator .brc-legend {\n  display: grid;\n  gap: 8px;\n  width: 100%;\n}\n.brc-calculator .brc-legend-row {\n  display: grid;\n  grid-template-columns: 12px minmax(100px, max-content) max-content max-content;\n  align-items: center;\n  justify-content: start;\n  gap: 8px 12px;\n  padding: 8px 0;\n  border-bottom: 1px solid var(--border);\n  color: var(--ink);\n  font-size: 13px;\n  font-weight: 500;\n}\n.brc-calculator .brc-legend-row:last-child {\n  border-bottom: 0;\n}\n.brc-calculator .brc-swatch {\n  width: 12px;\n  height: 12px;\n  border-radius: 3px;\n}\n.brc-calculator .brc-legend-name {\n  font-weight: 650;\n}\n.brc-calculator .brc-legend-value,\n.brc-calculator .brc-legend-percent {\n  color: var(--muted);\n  font-variant-numeric: tabular-nums;\n  white-space: nowrap;\n}\n.brc-calculator .brc-chart-summary-table {\n  width: 100%;\n  border-collapse: collapse;\n  color: var(--ink);\n  font-size: 13px;\n}\n.brc-calculator .brc-chart-summary-table th,\n.brc-calculator .brc-chart-summary-table td {\n  padding: 7px 8px;\n  border: 1px solid var(--border);\n  text-align: left;\n}\n.brc-calculator .brc-chart-summary-table th {\n  background: var(--tint);\n  font-weight: 650;\n}\n.brc-calculator .brc-chart-summary-table td:nth-child(2),\n.brc-calculator .brc-chart-summary-table td:nth-child(3) {\n  text-align: right;\n  font-variant-numeric: tabular-nums;\n}\n.brc-calculator .brc-chart-caption,\n.brc-calculator .brc-table-note {\n  margin-top: 16px;\n  padding: 10px 12px;\n  border: 1px solid var(--border);\n  border-radius: 6px;\n  background: var(--tint);\n  color: var(--muted);\n  font-size: 13px;\n  font-weight: 500;\n  line-height: 1.55;\n}\n.brc-calculator .brc-empty-state {\n  width: 100%;\n  max-width: 420px;\n  padding: 16px;\n  border: 1px dashed #64748b;\n  border-radius: 6px;\n  background: var(--tint);\n  color: var(--muted);\n  font-size: 13px;\n  font-weight: 600;\n  text-align: center;\n}\n.brc-calculator .brc-safe-stack .brc-chart-cluster {\n  grid-template-columns: minmax(0, 1fr) !important;\n  gap: 24px !important;\n  max-width: 560px;\n}\n.brc-calculator .brc-safe-stack .brc-chart-visual,\n.brc-calculator .brc-safe-stack .brc-chart-side {\n  width: min(100%, 420px);\n}\n.brc-calculator .brc-safe-stack .brc-chart-caption {\n  margin-top: 20px;\n}\n.brc-calculator .brc-table-card {\n  margin-top: 12px;\n}\n.brc-calculator .brc-table-wrap {\n  margin-top: 16px;\n  overflow-x: auto;\n  overflow-y: visible;\n  -webkit-overflow-scrolling: touch;\n}\n.brc-calculator .brc-table {\n  width: 100%;\n  min-width: 640px;\n  border-collapse: collapse;\n  color: var(--ink);\n  font-size: 14px;\n}\n.brc-calculator .brc-table th,\n.brc-calculator .brc-table td {\n  padding: 11px 12px;\n  border: 1px solid var(--border);\n  text-align: left;\n  vertical-align: top;\n}\n.brc-calculator .brc-table th {\n  background: #eaf0f7;\n  color: var(--ink);\n  font-weight: 650;\n}\n.brc-calculator .brc-table td:nth-child(2) {\n  text-align: right;\n  font-weight: 650;\n  font-variant-numeric: tabular-nums;\n  white-space: nowrap;\n}\n.brc-calculator .brc-safe-table-stack .brc-table-wrap {\n  margin-bottom: 0;\n  height: auto !important;\n  max-height: none !important;\n}\n.brc-calculator .brc-safe-table-stack .brc-table-note {\n  margin-top: 20px;\n}\n.brc-calculator .brc-education {\n  padding-top: 24px;\n  border-top: 1px solid var(--border);\n}\n.brc-calculator .brc-education-grid {\n  display: grid;\n  grid-template-columns: minmax(0, 1fr);\n  gap: 24px;\n  margin-top: 16px;\n}\n.brc-calculator .brc-education-block h3 {\n  margin: 0 0 8px;\n  color: var(--ink);\n  font-size: 18px;\n  font-weight: 650;\n  line-height: 1.35;\n}\n.brc-calculator .brc-education-block p {\n  margin: 0 0 12px;\n  color: var(--muted);\n}\n.brc-calculator .brc-education-block p:last-child {\n  margin-bottom: 0;\n}\n.brc-calculator .brc-link {\n  color: #1d4ed8;\n  font-weight: 600;\n  text-decoration: underline;\n  text-underline-offset: 2px;\n}\n.brc-calculator .brc-link:hover {\n  color: #1e3a8a;\n}\n.brc-calculator .brc-visually-hidden {\n  position: absolute;\n  width: 1px;\n  height: 1px;\n  padding: 0;\n  margin: -1px;\n  overflow: hidden;\n  clip: rect(0 0 0 0);\n  white-space: nowrap;\n  border: 0;\n}\n@container (min-width: 540px) {\n  .brc-calculator .brc-field-grid {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n  }\n  .brc-calculator .brc-education-grid {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n  }\n}\n@container (min-width: 640px) {\n  .brc-calculator .brc-chart-cluster {\n    grid-template-columns: 300px minmax(0, max-content);\n    justify-content: center;\n    gap: 28px;\n  }\n}\n@container (min-width: 900px) {\n  .brc-calculator .brc-workspace {\n    grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr);\n  }\n}\n@media (max-width: 639px) {\n  .brc-calculator .brc-shell {\n    padding: 16px;\n  }\n  .brc-calculator .brc-input-panel,\n  .brc-calculator .brc-results-panel,\n  .brc-calculator .brc-chart-card,\n  .brc-calculator .brc-table-card {\n    padding: 16px;\n  }\n  .brc-calculator .brc-metric-grid {\n    grid-template-columns: minmax(0, 1fr);\n  }\n  .brc-calculator .brc-legend-row {\n    grid-template-columns: 12px minmax(0, 1fr) max-content;\n  }\n  .brc-calculator .brc-legend-percent {\n    grid-column: 2 \/ 4;\n    padding-left: 0;\n  }\n  .brc-calculator .brc-chart-caption,\n  .brc-calculator .brc-table-note {\n    margin-top: 16px;\n  }\n}\n@media (max-width: 379px) {\n  .brc-calculator .brc-shell {\n    padding: 12px;\n  }\n  .brc-calculator .brc-toolbar {\n    display: grid;\n    grid-template-columns: minmax(0, 1fr);\n  }\n  .brc-calculator .brc-button {\n    width: 100%;\n    justify-content: center;\n  }\n  .brc-calculator .brc-chart-visual {\n    min-height: 240px;\n  }\n}\n\u003c\/style\u003e\n\u003cdiv class=\"brc-calculator\" data-calculator-root\u003e\n  \u003cdiv class=\"brc-shell\"\u003e\n    \u003cheader class=\"brc-header\"\u003e\n      \u003ch2 class=\"brc-title\"\u003eBounce Rate Calculator\u003c\/h2\u003e\n      \u003cp class=\"brc-subtitle\"\u003eCalculate the share of visits that ended after a single page view, then compare one-page and multi-page visits in a live, exportable breakdown.\u003c\/p\u003e\n      \u003cdiv class=\"brc-summary-pills\" aria-label=\"Live calculation summary\"\u003e\n        \u003cspan class=\"brc-summary-pill\"\u003eVisits \u003cstrong class=\"brc-pill-visits\"\u003e3,400\u003c\/strong\u003e\u003c\/span\u003e\n        \u003cspan class=\"brc-summary-pill\"\u003eOne-page \u003cstrong class=\"brc-pill-one-page\"\u003e250\u003c\/strong\u003e\u003c\/span\u003e\n        \u003cspan class=\"brc-summary-pill\"\u003eBounce rate \u003cstrong class=\"brc-pill-rate\"\u003e7.35%\u003c\/strong\u003e\u003c\/span\u003e\n      \u003c\/div\u003e\n    \u003c\/header\u003e\n\n    \u003cdiv class=\"brc-toolbar\" role=\"group\" aria-label=\"Calculator actions\"\u003e\n      \u003cbutton class=\"brc-button brc-download\" type=\"button\"\u003e\n        \u003csvg class=\"brc-download-icon\" viewbox=\"0 0 24 24\" aria-hidden=\"true\" focusable=\"false\"\u003e\n          \u003cpath d=\"M12 3v11m0 0 4-4m-4 4-4-4M5 16v3h14v-3\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003c\/path\u003e\n        \u003c\/svg\u003e\n        \u003cspan class=\"brc-download-label\"\u003eDownload Excel\u003c\/span\u003e\n      \u003c\/button\u003e\n      \u003cbutton class=\"brc-button brc-reset\" type=\"button\"\u003eReset\u003c\/button\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"brc-status-line\" role=\"status\" aria-live=\"polite\"\u003e\u003c\/div\u003e\n\n    \u003cdiv class=\"brc-workspace\"\u003e\n      \u003csection class=\"brc-panel brc-input-panel\" aria-labelledby=\"brc-input-title\"\u003e\n        \u003ch3 class=\"brc-section-title\" id=\"brc-input-title\"\u003eTraffic inputs\u003c\/h3\u003e\n        \u003cp class=\"brc-section-intro\"\u003eUse counts from the same page, date range, traffic segment, and tracking definition.\u003c\/p\u003e\n        \u003cdiv class=\"brc-field-grid\"\u003e\n          \u003cdiv class=\"brc-field\"\u003e\n            \u003clabel class=\"brc-label\" for=\"brc-total-visits\"\u003eNumber of website visits\u003c\/label\u003e\n            \u003cinput class=\"brc-input brc-total-input\" id=\"brc-total-visits\" type=\"text\" inputmode=\"numeric\" autocomplete=\"off\" value=\"3,400\" aria-describedby=\"brc-total-help brc-total-error\"\u003e\n            \u003cp class=\"brc-helper\" id=\"brc-total-help\"\u003eTotal visits or sessions in the selected reporting period.\u003c\/p\u003e\n            \u003cp class=\"brc-error\" id=\"brc-total-error\" aria-live=\"polite\"\u003e\u003c\/p\u003e\n          \u003c\/div\u003e\n          \u003cdiv class=\"brc-field\"\u003e\n            \u003clabel class=\"brc-label\" for=\"brc-one-page-visits\"\u003eNumber of one-page visits\u003c\/label\u003e\n            \u003cinput class=\"brc-input brc-one-page-input\" id=\"brc-one-page-visits\" type=\"text\" inputmode=\"numeric\" autocomplete=\"off\" value=\"250\" aria-describedby=\"brc-one-page-help brc-one-page-error\"\u003e\n            \u003cp class=\"brc-helper\" id=\"brc-one-page-help\"\u003eVisits that ended without another page view under this simplified definition.\u003c\/p\u003e\n            \u003cp class=\"brc-error\" id=\"brc-one-page-error\" aria-live=\"polite\"\u003e\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"brc-formula-box\"\u003e\n\u003cstrong\u003eFormula:\u003c\/strong\u003e bounce rate = one-page visits ÷ total visits × 100\u003c\/div\u003e\n      \u003c\/section\u003e\n\n      \u003csection class=\"brc-panel brc-results-panel\" aria-labelledby=\"brc-results-title\"\u003e\n        \u003ch3 class=\"brc-section-title\" id=\"brc-results-title\"\u003eLive results\u003c\/h3\u003e\n        \u003cp class=\"brc-section-intro\"\u003eAll result cards, the chart, table, accessible summary, and workbook use the same calculation model.\u003c\/p\u003e\n        \u003cdiv class=\"brc-primary-result\"\u003e\n          \u003cspan class=\"brc-primary-label\"\u003eBounce rate\u003c\/span\u003e\n          \u003cstrong class=\"brc-primary-value\"\u003e7.35%\u003c\/strong\u003e\n          \u003cp class=\"brc-primary-copy\"\u003eAbout 7.35 of every 100 visits ended after one page.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"brc-metric-grid\"\u003e\n          \u003cdiv class=\"brc-result-card\"\u003e\n            \u003cspan class=\"brc-card-label\"\u003eMulti-page visit share\u003c\/span\u003e\n            \u003cstrong class=\"brc-card-value brc-engagement-value\"\u003e92.65%\u003c\/strong\u003e\n          \u003c\/div\u003e\n          \u003cdiv class=\"brc-result-card\"\u003e\n            \u003cspan class=\"brc-card-label\"\u003eMulti-page visits\u003c\/span\u003e\n            \u003cstrong class=\"brc-card-value brc-multi-page-value\"\u003e3,150\u003c\/strong\u003e\n          \u003c\/div\u003e\n          \u003cdiv class=\"brc-result-card\"\u003e\n            \u003cspan class=\"brc-card-label\"\u003eOne-page visits per 100\u003c\/span\u003e\n            \u003cstrong class=\"brc-card-value brc-per-hundred-value\"\u003e7.35\u003c\/strong\u003e\n          \u003c\/div\u003e\n          \u003cdiv class=\"brc-result-card\"\u003e\n            \u003cspan class=\"brc-card-label\"\u003eMulti-page to one-page ratio\u003c\/span\u003e\n            \u003cstrong class=\"brc-card-value brc-ratio-value\"\u003e12.60×\u003c\/strong\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"brc-visually-hidden brc-live-summary\" aria-live=\"polite\"\u003eBounce rate 7.35 percent. Multi-page visit share 92.65 percent.\u003c\/div\u003e\n      \u003c\/section\u003e\n    \u003c\/div\u003e\n\n    \u003csection class=\"brc-breakdown\" aria-labelledby=\"brc-breakdown-title\"\u003e\n      \u003cdiv class=\"brc-chart-card\"\u003e\n        \u003cdiv class=\"brc-chart-head\"\u003e\n          \u003ch3 class=\"brc-section-title\" id=\"brc-breakdown-title\"\u003eVisit breakdown\u003c\/h3\u003e\n          \u003cp class=\"brc-section-intro brc-chart-interpretation\"\u003eMost visits continued beyond the landing page in this simplified two-category view.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"brc-chart-cluster\"\u003e\n          \u003cdiv class=\"brc-chart-visual\"\u003e\n            \u003cp class=\"brc-chart-total-line\"\u003eTotal visits: \u003cstrong class=\"brc-chart-total\"\u003e3,400\u003c\/strong\u003e\u003c\/p\u003e\n            \u003csvg class=\"brc-donut\" viewbox=\"0 0 280 280\" role=\"img\" aria-label=\"Visit breakdown: 250 one-page visits and 3,150 multi-page visits\"\u003e\n              \u003ccircle class=\"brc-donut-track\" cx=\"140\" cy=\"140\" r=\"104\"\u003e\u003c\/circle\u003e\n              \u003cg class=\"brc-donut-segments\" transform=\"rotate(-90 140 140)\"\u003e\u003c\/g\u003e\n              \u003ctext class=\"brc-donut-value\" x=\"140\" y=\"132\"\u003e7.35%\u003c\/text\u003e\n              \u003ctext class=\"brc-donut-caption\" x=\"140\" y=\"160\"\u003ebounce rate\u003c\/text\u003e\n            \u003c\/svg\u003e\n            \u003cdiv class=\"brc-empty-state\" hidden\u003eEnter values above to see the breakdown.\u003c\/div\u003e\n          \u003c\/div\u003e\n          \u003cdiv class=\"brc-chart-side\"\u003e\n            \u003cdiv class=\"brc-legend\" aria-label=\"Chart legend\"\u003e\u003c\/div\u003e\n            \u003ctable class=\"brc-chart-summary-table\"\u003e\n              \u003cthead\u003e\n                \u003ctr\u003e\n\u003cth scope=\"col\"\u003eCategory\u003c\/th\u003e\n\u003cth scope=\"col\"\u003eVisits\u003c\/th\u003e\n\u003cth scope=\"col\"\u003eShare\u003c\/th\u003e\n\u003c\/tr\u003e\n              \u003c\/thead\u003e\n              \u003ctbody class=\"brc-chart-summary-body\"\u003e\u003c\/tbody\u003e\n            \u003c\/table\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"brc-chart-caption\"\u003eUse the split as a diagnostic starting point, not a universal quality score. Compare the same page and traffic segment over time before drawing conclusions.\u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003csection class=\"brc-table-section\" aria-labelledby=\"brc-table-title\"\u003e\n      \u003ch3 class=\"brc-section-title\" id=\"brc-table-title\"\u003eCalculation detail\u003c\/h3\u003e\n      \u003cdiv class=\"brc-table-card\"\u003e\n        \u003cdiv class=\"brc-table-wrap\" tabindex=\"0\" aria-label=\"Bounce rate calculation detail table\"\u003e\n          \u003ctable class=\"brc-table\"\u003e\n            \u003cthead\u003e\n              \u003ctr\u003e\n\u003cth scope=\"col\"\u003eMetric\u003c\/th\u003e\n\u003cth scope=\"col\"\u003eCurrent value\u003c\/th\u003e\n\u003cth scope=\"col\"\u003eHow it is calculated\u003c\/th\u003e\n\u003c\/tr\u003e\n            \u003c\/thead\u003e\n            \u003ctbody class=\"brc-detail-body\"\u003e\u003c\/tbody\u003e\n          \u003c\/table\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"brc-table-note\"\u003eThe complement shown here is based on a simple one-page versus multi-page split. It is not automatically equivalent to the engaged-session metric used by every analytics platform.\u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003csection class=\"brc-education\" aria-labelledby=\"brc-education-title\"\u003e\n      \u003ch2 class=\"brc-title\" id=\"brc-education-title\"\u003eHow to calculate and interpret bounce rate\u003c\/h2\u003e\n      \u003cdiv class=\"brc-education-grid\"\u003e\n        \u003carticle class=\"brc-education-block\"\u003e\n          \u003ch3\u003eWhat this calculator estimates\u003c\/h3\u003e\n          \u003cp\u003eThis calculator applies the classic single-page formula: one-page visits divided by total visits. The result estimates the percentage of visits that ended without a second page view. It also shows the complementary multi-page share, the number of visits that continued, a per-100 interpretation, and the ratio of multi-page visits to one-page visits.\u003c\/p\u003e\n          \u003cp\u003eThe calculation is most useful when both counts come from the same reporting window and the same scope. Do not combine total visits for an entire site with one-page visits for a single landing page. Likewise, avoid mixing different traffic channels, countries, devices, or date ranges unless that blend is intentional.\u003c\/p\u003e\n        \u003c\/article\u003e\n        \u003carticle class=\"brc-education-block\"\u003e\n          \u003ch3\u003eImportant GA4 definition difference\u003c\/h3\u003e\n          \u003cp\u003eGoogle Analytics 4 does not define bounce rate merely as a one-page session. In GA4, bounce rate is the percentage of sessions that were not engaged, while an engaged session meets time, key-event, or multiple-view criteria. Review Google's \u003ca class=\"brc-link\" href=\"https:\/\/support.google.com\/analytics\/answer\/12195621?hl=en\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eengagement rate and bounce rate guidance\u003c\/a\u003e before comparing this simplified result directly with GA4.\u003c\/p\u003e\n          \u003cp\u003eGoogle's \u003ca class=\"brc-link\" href=\"https:\/\/support.google.com\/analytics\/answer\/9191807?hl=en\" target=\"_blank\" rel=\"noopener noreferrer\"\u003esession documentation\u003c\/a\u003e also explains when sessions begin and end. Differences in session timeout, event setup, consent mode, filters, and tagging can change the denominator or classification even when the underlying visitor behavior is similar.\u003c\/p\u003e\n        \u003c\/article\u003e\n        \u003carticle class=\"brc-education-block\"\u003e\n          \u003ch3\u003eField-by-field input guidance\u003c\/h3\u003e\n          \u003cp\u003e\u003cstrong\u003eNumber of website visits\u003c\/strong\u003e is the denominator. Enter a whole-number count of visits or sessions for the page, site, campaign, or segment being analyzed. It is required for a percentage result and must be greater than zero. A larger total does not automatically improve or worsen bounce rate; it mainly gives the percentage a larger observation base. Common mistakes include using users instead of visits, combining incompatible date ranges, or entering pageviews when the numerator is session-based.\u003c\/p\u003e\n          \u003cp\u003e\u003cstrong\u003eNumber of one-page visits\u003c\/strong\u003e is the numerator under this calculator's simplified definition. Enter the whole-number count that ended after the first page. It cannot be negative or greater than total visits. Raising this input while holding total visits constant increases bounce rate. Lowering it reduces bounce rate and increases the complementary multi-page share.\u003c\/p\u003e\n        \u003c\/article\u003e\n        \u003carticle class=\"brc-education-block\"\u003e\n          \u003ch3\u003eHow each result should be read\u003c\/h3\u003e\n          \u003cp\u003e\u003cstrong\u003eBounce rate\u003c\/strong\u003e is the primary percentage. A value of 0% means no recorded visit was classified as one-page; 100% means every recorded visit was. Neither extreme should be accepted blindly because duplicate events, missing tags, consent effects, redirects, and bot traffic can distort measurement.\u003c\/p\u003e\n          \u003cp\u003e\u003cstrong\u003eMulti-page visit share\u003c\/strong\u003e equals 100% minus the simplified bounce rate. \u003cstrong\u003eMulti-page visits\u003c\/strong\u003e equals total visits minus one-page visits. \u003cstrong\u003eOne-page visits per 100\u003c\/strong\u003e restates the percentage as an intuitive count. \u003cstrong\u003eMulti-page to one-page ratio\u003c\/strong\u003e shows how many continuing visits occurred for each one-page visit; when one-page visits are zero, the ratio is shown as not applicable rather than infinity.\u003c\/p\u003e\n        \u003c\/article\u003e\n        \u003carticle class=\"brc-education-block\"\u003e\n          \u003ch3\u003eReading the chart and table\u003c\/h3\u003e\n          \u003cp\u003eThe donut uses the same two model categories as the legend and accessible data table: one-page visits and multi-page visits. Segment sizes, legend counts, percentages, and table values are generated from the same current-state data. If the inputs are empty, zero, inconsistent, or invalid, the calculator removes the visual and displays a compact empty state instead of a decorative placeholder.\u003c\/p\u003e\n          \u003cp\u003eThe detail table exposes each formula so you can audit the calculation. Download Excel creates a real workbook containing the current inputs, summary metrics, category breakdown, and interpretation notes. That makes it easier to archive a snapshot or reconcile the calculation with an analytics export.\u003c\/p\u003e\n        \u003c\/article\u003e\n        \u003carticle class=\"brc-education-block\"\u003e\n          \u003ch3\u003eWhat can move the metric\u003c\/h3\u003e\n          \u003cp\u003eTraffic intent matters. A visitor who lands on a contact page, reads a phone number, and leaves may have completed the intended task. A visitor who exits a checkout or onboarding step may signal a problem. Compare like with like: page type, acquisition channel, device, geography, campaign, and returning-versus-new visitor segments.\u003c\/p\u003e\n          \u003cp\u003eInvestigate content relevance, navigation clarity, internal links, page speed, mobile usability, and event instrumentation. Google's \u003ca class=\"brc-link\" href=\"https:\/\/web.dev\/articles\/vitals\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eWeb Vitals overview\u003c\/a\u003e covers user-experience performance signals, while the \u003ca class=\"brc-link\" href=\"https:\/\/support.google.com\/webmasters\/answer\/7576553?hl=en\" target=\"_blank\" rel=\"noopener noreferrer\"\u003eSearch Console performance report\u003c\/a\u003e can help connect landing-page behavior with search clicks, impressions, and queries.\u003c\/p\u003e\n        \u003c\/article\u003e\n        \u003carticle class=\"brc-education-block\"\u003e\n          \u003ch3\u003ePractical comparison method\u003c\/h3\u003e\n          \u003cp\u003eStart with a stable baseline for a specific page and segment. Compare the same metric weekly or monthly, annotate site releases and campaigns, and inspect both the rate and the underlying counts. A percentage based on 20 visits is less stable than the same percentage based on 20,000 visits.\u003c\/p\u003e\n          \u003cp\u003eWhen the rate changes, verify tracking before attributing the movement to design or content. Then pair bounce rate with conversions, key events, engagement time, scroll depth, revenue, lead quality, and task completion. A single metric rarely explains user experience by itself.\u003c\/p\u003e\n        \u003c\/article\u003e\n        \u003carticle class=\"brc-education-block\"\u003e\n          \u003ch3\u003eCommon mistakes and limitations\u003c\/h3\u003e\n          \u003cp\u003eDo not assume one universal benchmark applies to every site. Blog posts, support articles, calculators, lead-generation pages, and ecommerce funnels support different user journeys. Do not compare this classic one-page formula with a platform metric that uses an engaged-session definition without first aligning definitions.\u003c\/p\u003e\n          \u003cp\u003eAlso avoid rounding the inputs, subtracting visitors instead of visits, or interpreting a low rate as proof of success. The calculator is descriptive. It helps quantify a defined dataset, but it does not diagnose causation or replace a broader analytics review.\u003c\/p\u003e\n        \u003c\/article\u003e\n      \u003c\/div\u003e\n    \u003c\/section\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e","brand":"FinancialModelsLab","offers":[{"title":"Default Title","offer_id":49909489205491,"sku":"bounce-rate","price":0.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0522\/6191\/2762\/files\/bounce-rate.webp?v=1783935569","url":"https:\/\/financialmodelslab.com\/products\/bounce-rate","provider":"Financial Models Lab","version":"1.0","type":"link"}