CINXE.COM

<!DOCTYPE html><html lang="en"><head><script type="text/javascript" src="https://web-static.archive.org/_static/js/bundle-playback.js?v=7YQSqjSh" charset="utf-8"></script> <script type="text/javascript" src="https://web-static.archive.org/_static/js/wombat.js?v=txqj7nKC" charset="utf-8"></script> <script>window.RufflePlayer=window.RufflePlayer||{};window.RufflePlayer.config={"autoplay":"on","unmuteOverlay":"hidden"};</script> <script type="text/javascript" src="https://web-static.archive.org/_static/js/ruffle/ruffle.js"></script> <script type="text/javascript"> __wm.init("http://web.archive.org/web"); __wm.wombat("https://ga-dev-tools.web.app/","20221204042714","http://web.archive.org/","web","https://web-static.archive.org/_static/", "1670128034"); </script> <link rel="stylesheet" type="text/css" href="https://web-static.archive.org/_static/css/banner-styles.css?v=p7PEIJWi" /> <link rel="stylesheet" type="text/css" href="https://web-static.archive.org/_static/css/iconochive.css?v=3PDvdIFv" />  <meta charset="utf-8"/><meta http-equiv="x-ua-compatible" content="ie=edge"/><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/><style data-href="/styles.d22e29d50c871827d455.css" id="gatsby-global-css">:root{--font-body:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";--black-fade-5:rgba(0,0,0,0.05);--black-fade-40:rgba(0,0,0,0.4);--grey-90:#232129;--grey-50:#78757a;--green-80:#088413;--green-50-rgb:55,182,53;--white:#fff;--radius-sm:4px;--radius-md:8px;--radius-rounded:999px;--space-sm:4px;--space-md:8px;--space-lg:16px;--space-xl:20px;--space-2xl:24px;--space-3xl:48px;--solid:1;--dense:1.25;--default:1.5;--loose:2;--tracked:0.075em;--tight:-0.015em;--body:400;--medium:500;--semibold:600;--bold:700;--text-xs:12px;--text-sm:14px;--text-md:16px;--text-lg:18px;--text-xl:20px;--text-2xl:24px;--text-3xl:32px;--primary:var(--green-80);--background:var(--white);--border:var(--black-fade-5);--transition:box-shadow 0.125s ease-in;--shadow:0 4px 12px rgba(var(--green-50-rgb),0.5);--text-color:var(--grey-90);--text-color-secondary:var(--grey-50);--text-color-inverted:var(--white);--text-display:var(--text-2xl);--text-prose:var(--text-md);--input-background:var(--black-fade-5);--input-background-hover:var(--black-fade-5);--input-border:var(--black-fade-5);--input-text:var(--text-color);--input-text-disabled:var(--black-fade-40);--input-ui:var(--text-color-secondary);--input-ui-active:var(--text-color);--size-input:var(--space-3xl);--size-gap:12px;--size-gutter-raw:var(--space-2xl);--size-gutter:calc(var(--size-gutter-raw) - 12px);--product-grid:1fr}@media (min-width:640px){:root{--product-grid:1fr 1fr}}@media (min-width:1024px){:root{--text-display:var(--text-3xl);--text-prose:var(--text-lg);--product-grid:repeat(3,1fr);--size-gutter-raw:var(--space-3xl);--size-gap:var(--space-2xl)}}@media (min-width:1280px){:root{--product-grid:repeat(4,1fr)}}.react-spinner-loader-swing div{border-radius:50%;float:left;height:1em;width:1em}.react-spinner-loader-swing div:first-of-type{background:-webkit-linear-gradient(left,#385c78,#325774);background:linear-gradient(90deg,#385c78 0,#325774)}.react-spinner-loader-swing div:nth-of-type(2){background:-webkit-linear-gradient(left,#325774,#47536a);background:linear-gradient(90deg,#325774 0,#47536a)}.react-spinner-loader-swing div:nth-of-type(3){background:-webkit-linear-gradient(left,#4a5369,#6b4d59);background:linear-gradient(90deg,#4a5369 0,#6b4d59)}.react-spinner-loader-swing div:nth-of-type(4){background:-webkit-linear-gradient(left,#744c55,#954646);background:linear-gradient(90deg,#744c55 0,#954646)}.react-spinner-loader-swing div:nth-of-type(5){background:-webkit-linear-gradient(left,#9c4543,#bb4034);background:linear-gradient(90deg,#9c4543 0,#bb4034)}.react-spinner-loader-swing div:nth-of-type(6){background:-webkit-linear-gradient(left,#c33f31,#d83b27);background:linear-gradient(90deg,#c33f31 0,#d83b27)}.react-spinner-loader-swing div:nth-of-type(7){background:-webkit-linear-gradient(left,#da3b26,#db412c);background:linear-gradient(90deg,#da3b26 0,#db412c)}.react-spinner-loader-shadow{clear:left;padding-top:1.5em}.react-spinner-loader-shadow div{-webkit-filter:blur(1px);filter:blur(1px);float:left;width:1em;height:.25em;border-radius:50%;background:#e3dbd2}.react-spinner-loader-shadow .react-spinner-loader-shadow-l{background:#d5d8d6}.react-spinner-loader-shadow .react-spinner-loader-shadow-r{background:#eed3ca}@-webkit-keyframes ball-l{0%,50%{-webkit-transform:rotate(0) translateX(0);transform:rotate(0) translateX(0)}to{-webkit-transform:rotate(50deg) translateX(-2.5em);transform:rotate(50deg) translateX(-2.5em)}}@keyframes ball-l{0%,50%{-webkit-transform:rotate(0) translate(0);transform:rotate(0) translateX(0)}to{-webkit-transform:rotate(50deg) translateX(-2.5em);transform:rotate(50deg) translateX(-2.5em)}}@-webkit-keyframes ball-r{0%{-webkit-transform:rotate(-50deg) translateX(2.5em);transform:rotate(-50deg) translateX(2.5em)}50%,to{-webkit-transform:rotate(0) translateX(0);transform:rotate(0) translateX(0)}}@keyframes ball-r{0%{-webkit-transform:rotate(-50deg) translateX(2.5em);transform:rotate(-50deg) translateX(2.5em)}50%,to{-webkit-transform:rotate(0) translateX(0);transform:rotate(0) translateX(0)}}@-webkit-keyframes shadow-l-n{0%,50%{opacity:.5;-webkit-transform:translateX(0);transform:translateX(0)}to{opacity:.125;-webkit-transform:translateX(-1.57em);transform:translateX(-1.75em)}}@keyframes shadow-l-n{0%,50%{opacity:.5;-webkit-transform:translateX(0);transform:translateX(0)}to{opacity:.125;-webkit-transform:translateX(-1.75);transform:translateX(-1.75em)}}@-webkit-keyframes shadow-r-n{0%{opacity:.125;-webkit-transform:translateX(1.75em);transform:translateX(1.75em)}50%,to{opacity:.5;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes shadow-r-n{0%{opacity:.125;-webkit-transform:translateX(1.75em);transform:translateX(1.75em)}50%,to{opacity:.5;-webkit-transform:translateX(0);transform:translateX(0)}}.react-spinner-loader-swing-l{-webkit-animation:ball-l .425s ease-in-out infinite alternate;animation:ball-l .425s ease-in-out infinite alternate}.react-spinner-loader-swing-r{-webkit-animation:ball-r .425s ease-in-out infinite alternate;animation:ball-r .425s ease-in-out infinite alternate}.react-spinner-loader-shadow-l{-webkit-animation:shadow-l-n .425s ease-in-out infinite alternate;animation:shadow-l-n .425s ease-in-out infinite alternate}.react-spinner-loader-shadow-r{-webkit-animation:shadow-r-n .425s ease-in-out infinite alternate;animation:shadow-r-n .425s ease-in-out infinite alternate}.react-spinner-loader-svg-calLoader{width:230px;height:230px;transform-origin:115px 115px;animation:loader-spin 1.4s linear infinite;-webkit-animation:loader-spin 1.4s linear infinite}.react-spinner-loader-svg-cal-loader__path{animation:loader-path 1.4s ease-in-out infinite;-webkit-animation:loader-path 1.4s ease-in-out infinite}@keyframes loader-spin{to{transform:rotate(1turn)}}@keyframes loader-path{0%{stroke-dasharray:0,580,0,0,0,0,0,0,0}50%{stroke-dasharray:0,450,10,30,10,30,10,30,10}to{stroke-dasharray:0,580,0,0,0,0,0,0,0}}.react-spinner-loader-svg svg{-webkit-transform-origin:50% 65%;transform-origin:50% 65%}.react-spinner-loader-svg svg polygon{stroke-dasharray:17;-webkit-animation:dash 2.5s cubic-bezier(.35,.04,.63,.95) infinite;animation:dash 2.5s cubic-bezier(.35,.04,.63,.95) infinite}@-webkit-keyframes dash{to{stroke-dashoffset:136}}@keyframes dash{to{stroke-dashoffset:136}}@-webkit-keyframes rotate{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotate{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}</style><meta name="generator" content="Gatsby 3.4.1"/><link rel="icon" href="/web/20221204042714im_/https://ga-dev-tools.web.app/favicon-32x32.png?v=5ca3b219e853f3099dafaaf6ab021795" type="image/png"/><link rel="manifest" href="/web/20221204042714/https://ga-dev-tools.web.app/manifest.webmanifest" crossorigin="anonymous"/><link rel="apple-touch-icon" sizes="48x48" href="/web/20221204042714im_/https://ga-dev-tools.web.app/icons/icon-48x48.png?v=5ca3b219e853f3099dafaaf6ab021795"/><link rel="apple-touch-icon" sizes="72x72" href="/web/20221204042714im_/https://ga-dev-tools.web.app/icons/icon-72x72.png?v=5ca3b219e853f3099dafaaf6ab021795"/><link rel="apple-touch-icon" sizes="96x96" href="/web/20221204042714im_/https://ga-dev-tools.web.app/icons/icon-96x96.png?v=5ca3b219e853f3099dafaaf6ab021795"/><link rel="apple-touch-icon" sizes="144x144" href="/web/20221204042714im_/https://ga-dev-tools.web.app/icons/icon-144x144.png?v=5ca3b219e853f3099dafaaf6ab021795"/><link rel="apple-touch-icon" sizes="192x192" href="/web/20221204042714im_/https://ga-dev-tools.web.app/icons/icon-192x192.png?v=5ca3b219e853f3099dafaaf6ab021795"/><link rel="apple-touch-icon" sizes="256x256" href="/web/20221204042714im_/https://ga-dev-tools.web.app/icons/icon-256x256.png?v=5ca3b219e853f3099dafaaf6ab021795"/><link rel="apple-touch-icon" sizes="384x384" href="/web/20221204042714im_/https://ga-dev-tools.web.app/icons/icon-384x384.png?v=5ca3b219e853f3099dafaaf6ab021795"/><link rel="apple-touch-icon" sizes="512x512" href="/web/20221204042714im_/https://ga-dev-tools.web.app/icons/icon-512x512.png?v=5ca3b219e853f3099dafaaf6ab021795"/><link rel="sitemap" type="application/xml" href="/sitemap/sitemap-index.xml"/><style id="jss-server-side">html{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,::after,::before{box-sizing:inherit}b,strong{font-weight:700}body{color:rgba(0,0,0,.87);margin:0;font-size:.875rem;font-family:Roboto,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.43;letter-spacing:.01071em;background-color:#fafafa}@media print{body{background-color:#fff}}body::-webkit-backdrop{background-color:#fafafa}body::backdrop{background-color:#fafafa}.MuiPaper-root{color:rgba(0,0,0,.87);transition:box-shadow .3s cubic-bezier(.4, 0, .2, 1) 0s;background-color:#fff}.MuiPaper-rounded{border-radius:4px}.MuiPaper-outlined{border:1px solid rgba(0,0,0,.12)}.MuiPaper-elevation0{box-shadow:none}.MuiPaper-elevation1{box-shadow:0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12)}.MuiPaper-elevation2{box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12)}.MuiPaper-elevation3{box-shadow:0 3px 3px -2px rgba(0,0,0,.2),0 3px 4px 0 rgba(0,0,0,.14),0 1px 8px 0 rgba(0,0,0,.12)}.MuiPaper-elevation4{box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)}.MuiPaper-elevation5{box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 5px 8px 0 rgba(0,0,0,.14),0 1px 14px 0 rgba(0,0,0,.12)}.MuiPaper-elevation6{box-shadow:0 3px 5px -1px rgba(0,0,0,.2),0 6px 10px 0 rgba(0,0,0,.14),0 1px 18px 0 rgba(0,0,0,.12)}.MuiPaper-elevation7{box-shadow:0 4px 5px -2px rgba(0,0,0,.2),0 7px 10px 1px rgba(0,0,0,.14),0 2px 16px 1px rgba(0,0,0,.12)}.MuiPaper-elevation8{box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12)}.MuiPaper-elevation9{box-shadow:0 5px 6px -3px rgba(0,0,0,.2),0 9px 12px 1px rgba(0,0,0,.14),0 3px 16px 2px rgba(0,0,0,.12)}.MuiPaper-elevation10{box-shadow:0 6px 6px -3px rgba(0,0,0,.2),0 10px 14px 1px rgba(0,0,0,.14),0 4px 18px 3px rgba(0,0,0,.12)}.MuiPaper-elevation11{box-shadow:0 6px 7px -4px rgba(0,0,0,.2),0 11px 15px 1px rgba(0,0,0,.14),0 4px 20px 3px rgba(0,0,0,.12)}.MuiPaper-elevation12{box-shadow:0 7px 8px -4px rgba(0,0,0,.2),0 12px 17px 2px rgba(0,0,0,.14),0 5px 22px 4px rgba(0,0,0,.12)}.MuiPaper-elevation13{box-shadow:0 7px 8px -4px rgba(0,0,0,.2),0 13px 19px 2px rgba(0,0,0,.14),0 5px 24px 4px rgba(0,0,0,.12)}.MuiPaper-elevation14{box-shadow:0 7px 9px -4px rgba(0,0,0,.2),0 14px 21px 2px rgba(0,0,0,.14),0 5px 26px 4px rgba(0,0,0,.12)}.MuiPaper-elevation15{box-shadow:0 8px 9px -5px rgba(0,0,0,.2),0 15px 22px 2px rgba(0,0,0,.14),0 6px 28px 5px rgba(0,0,0,.12)}.MuiPaper-elevation16{box-shadow:0 8px 10px -5px rgba(0,0,0,.2),0 16px 24px 2px rgba(0,0,0,.14),0 6px 30px 5px rgba(0,0,0,.12)}.MuiPaper-elevation17{box-shadow:0 8px 11px -5px rgba(0,0,0,.2),0 17px 26px 2px rgba(0,0,0,.14),0 6px 32px 5px rgba(0,0,0,.12)}.MuiPaper-elevation18{box-shadow:0 9px 11px -5px rgba(0,0,0,.2),0 18px 28px 2px rgba(0,0,0,.14),0 7px 34px 6px rgba(0,0,0,.12)}.MuiPaper-elevation19{box-shadow:0 9px 12px -6px rgba(0,0,0,.2),0 19px 29px 2px rgba(0,0,0,.14),0 7px 36px 6px rgba(0,0,0,.12)}.MuiPaper-elevation20{box-shadow:0 10px 13px -6px rgba(0,0,0,.2),0 20px 31px 3px rgba(0,0,0,.14),0 8px 38px 7px rgba(0,0,0,.12)}.MuiPaper-elevation21{box-shadow:0 10px 13px -6px rgba(0,0,0,.2),0 21px 33px 3px rgba(0,0,0,.14),0 8px 40px 7px rgba(0,0,0,.12)}.MuiPaper-elevation22{box-shadow:0 10px 14px -6px rgba(0,0,0,.2),0 22px 35px 3px rgba(0,0,0,.14),0 8px 42px 7px rgba(0,0,0,.12)}.MuiPaper-elevation23{box-shadow:0 11px 14px -7px rgba(0,0,0,.2),0 23px 36px 3px rgba(0,0,0,.14),0 9px 44px 8px rgba(0,0,0,.12)}.MuiPaper-elevation24{box-shadow:0 11px 15px -7px rgba(0,0,0,.2),0 24px 38px 3px rgba(0,0,0,.14),0 9px 46px 8px rgba(0,0,0,.12)}#___gatsby,#gatsby-focus-wrapper,body,html{height:100%;margin:0;padding:0}p{padding-bottom:16px}a{color:#ef6c00;text-decoration:none}a:hover{text-decoration:underline}code{font-size:1rem}.MuiTypography-root{margin:0}.MuiTypography-body2{font-size:.875rem;font-family:Roboto,sans-serif;font-weight:400;line-height:1.43}.MuiTypography-body1{font-size:1rem;font-family:Roboto,sans-serif;font-weight:400;line-height:1.5}.MuiTypography-caption{font-size:.75rem;font-family:Roboto,sans-serif;font-weight:400;line-height:1.66}.MuiTypography-button{font-size:.875rem;font-family:Roboto,sans-serif;font-weight:500;line-height:1.75;text-transform:uppercase}.MuiTypography-h1{font-size:3em;font-family:Roboto,sans-serif;font-weight:300;line-height:1.167}.MuiTypography-h2{font-size:2.25em;margin-top:.5em;font-family:Roboto,sans-serif;font-weight:300;line-height:1.2;margin-bottom:.5em}.MuiTypography-h3{font-size:1.75em;margin-top:.5em;font-family:Roboto,sans-serif;font-weight:400;line-height:1.167;margin-bottom:.5em}.MuiTypography-h4{font-size:1.5em;margin-top:.5em;font-family:Roboto,sans-serif;font-weight:400;line-height:1.235;margin-bottom:.5em}.MuiTypography-h5{font-size:1.25em;margin-top:.5em;font-family:Roboto,sans-serif;font-weight:400;line-height:1.334;margin-bottom:.5em}.MuiTypography-h6{font-size:1.25rem;font-family:Roboto,sans-serif;font-weight:500;line-height:1.6}.MuiTypography-subtitle1{font-size:1rem;font-family:Roboto,sans-serif;font-weight:400;line-height:1.75}.MuiTypography-subtitle2{font-size:.875rem;font-family:Roboto,sans-serif;font-weight:500;line-height:1.57}.MuiTypography-overline{font-size:.75rem;font-family:Roboto,sans-serif;font-weight:400;line-height:2.66;text-transform:uppercase}.MuiTypography-srOnly{width:1px;height:1px;overflow:hidden;position:absolute}.MuiTypography-alignLeft{text-align:left}.MuiTypography-alignCenter{text-align:center}.MuiTypography-alignRight{text-align:right}.MuiTypography-alignJustify{text-align:justify}.MuiTypography-noWrap{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.MuiTypography-gutterBottom{margin-bottom:.35em}.MuiTypography-paragraph{margin-bottom:16px}.MuiTypography-colorInherit{color:inherit}.MuiTypography-colorPrimary{color:#ff9800}.MuiTypography-colorSecondary{color:#ff3d00}.MuiTypography-colorTextPrimary{color:rgba(0,0,0,.87)}.MuiTypography-colorTextSecondary{color:rgba(0,0,0,.54)}.MuiTypography-colorError{color:#f44336}.MuiTypography-displayInline{display:inline}.MuiTypography-displayBlock{display:block}.MuiSvgIcon-root{fill:currentColor;width:1em;height:1em;display:inline-block;font-size:1.5rem;transition:fill .2s cubic-bezier(.4, 0, .2, 1) 0s;flex-shrink:0;-webkit-user-select:none;-ms-user-select:none;user-select:none}.MuiSvgIcon-colorPrimary{color:#ff9800}.MuiSvgIcon-colorSecondary{color:#ff3d00}.MuiSvgIcon-colorAction{color:rgba(0,0,0,.54)}.MuiSvgIcon-colorError{color:#f44336}.MuiSvgIcon-colorDisabled{color:rgba(0,0,0,.26)}.MuiSvgIcon-fontSizeInherit{font-size:inherit}.MuiSvgIcon-fontSizeSmall{font-size:1.25rem}.MuiSvgIcon-fontSizeLarge{font-size:2.1875rem}.MuiButtonBase-root{color:inherit;border:0;cursor:pointer;margin:0;display:inline-flex;outline:0;padding:0;position:relative;align-items:center;-webkit-user-select:none;-ms-user-select:none;user-select:none;border-radius:0;vertical-align:middle;-moz-appearance:none;justify-content:center;text-decoration:none;background-color:transparent;-webkit-appearance:none;-webkit-tap-highlight-color:transparent}.MuiButtonBase-root::-moz-focus-inner{border-style:none}.MuiButtonBase-root.Mui-disabled{cursor:default;pointer-events:none}@media print{.MuiButtonBase-root{-webkit-print-color-adjust:exact;color-adjust:exact}}.MuiAppBar-root{width:100%;display:flex;z-index:1100;box-sizing:border-box;flex-shrink:0;flex-direction:column}.MuiAppBar-positionFixed{top:0;left:auto;right:0;position:fixed}@media print{.MuiAppBar-positionFixed{position:absolute}}.MuiAppBar-positionAbsolute{top:0;left:auto;right:0;position:absolute}.MuiAppBar-positionSticky{top:0;left:auto;right:0;position:-webkit-sticky;position:sticky}.MuiAppBar-positionStatic{position:static}.MuiAppBar-positionRelative{position:relative}.MuiAppBar-colorDefault{color:rgba(0,0,0,.87);background-color:#f5f5f5}.MuiAppBar-colorPrimary{color:rgba(0,0,0,.87);background-color:#ff9800}.MuiAppBar-colorSecondary{color:#fff;background-color:#ff3d00}.MuiAppBar-colorInherit{color:inherit}.MuiAppBar-colorTransparent{color:inherit;background-color:transparent}.MuiIconButton-root{flex:0 0 auto;color:rgba(0,0,0,.54);padding:12px;overflow:visible;font-size:1.5rem;text-align:center;transition:background-color 150ms cubic-bezier(.4, 0, .2, 1) 0s;border-radius:50%}.MuiIconButton-root:hover{background-color:rgba(0,0,0,.04)}.MuiIconButton-root.Mui-disabled{color:rgba(0,0,0,.26);background-color:transparent}@media (hover:none){.MuiIconButton-root:hover{background-color:transparent}}.MuiIconButton-edgeStart{margin-left:-12px}.MuiIconButton-sizeSmall.MuiIconButton-edgeStart{margin-left:-3px}.MuiIconButton-edgeEnd{margin-right:-12px}.MuiIconButton-sizeSmall.MuiIconButton-edgeEnd{margin-right:-3px}.MuiIconButton-colorInherit{color:inherit}.MuiIconButton-colorPrimary{color:#ff9800}.MuiIconButton-colorPrimary:hover{background-color:rgba(255,152,0,.04)}@media (hover:none){.MuiIconButton-colorPrimary:hover{background-color:transparent}}.MuiIconButton-colorSecondary{color:#ff3d00}.MuiIconButton-colorSecondary:hover{background-color:rgba(255,61,0,.04)}@media (hover:none){.MuiIconButton-colorSecondary:hover{background-color:transparent}}.MuiIconButton-sizeSmall{padding:3px;font-size:1.125rem}.MuiIconButton-label{width:100%;display:flex;align-items:inherit;justify-content:inherit}.MuiDrawer-docked{flex:0 0 auto}.MuiDrawer-paper{top:0;flex:1 0 auto;height:100%;display:flex;outline:0;z-index:1200;position:fixed;overflow-y:auto;flex-direction:column;-webkit-overflow-scrolling:touch}.MuiDrawer-paperAnchorLeft{left:0;right:auto}.MuiDrawer-paperAnchorRight{left:auto;right:0}.MuiDrawer-paperAnchorTop{top:0;left:0;right:0;bottom:auto;height:auto;max-height:100%}.MuiDrawer-paperAnchorBottom{top:auto;left:0;right:0;bottom:0;height:auto;max-height:100%}.MuiDrawer-paperAnchorDockedLeft{border-right:1px solid rgba(0,0,0,.12)}.MuiDrawer-paperAnchorDockedTop{border-bottom:1px solid rgba(0,0,0,.12)}.MuiDrawer-paperAnchorDockedRight{border-left:1px solid rgba(0,0,0,.12)}.MuiDrawer-paperAnchorDockedBottom{border-top:1px solid rgba(0,0,0,.12)}.MuiTooltip-popper{z-index:1500;pointer-events:none}.MuiTooltip-popperInteractive{pointer-events:auto}.MuiTooltip-popperArrow[x-placement*=bottom] .MuiTooltip-arrow{top:0;left:0;margin-top:-.71em;margin-left:4px;margin-right:4px}.MuiTooltip-popperArrow[x-placement*=top] .MuiTooltip-arrow{left:0;bottom:0;margin-left:4px;margin-right:4px;margin-bottom:-.71em}.MuiTooltip-popperArrow[x-placement*=right] .MuiTooltip-arrow{left:0;width:.71em;height:1em;margin-top:4px;margin-left:-.71em;margin-bottom:4px}.MuiTooltip-popperArrow[x-placement*=left] .MuiTooltip-arrow{right:0;width:.71em;height:1em;margin-top:4px;margin-right:-.71em;margin-bottom:4px}.MuiTooltip-popperArrow[x-placement*=left] .MuiTooltip-arrow::before{transform-origin:0 0}.MuiTooltip-popperArrow[x-placement*=right] .MuiTooltip-arrow::before{transform-origin:100% 100%}.MuiTooltip-popperArrow[x-placement*=top] .MuiTooltip-arrow::before{transform-origin:100% 0}.MuiTooltip-popperArrow[x-placement*=bottom] .MuiTooltip-arrow::before{transform-origin:0 100%}.MuiTooltip-tooltip{color:#fff;padding:4px 8px;font-size:.625rem;max-width:300px;word-wrap:break-word;font-family:Roboto,sans-serif;font-weight:500;line-height:1.4em;border-radius:4px;background-color:rgba(97,97,97,.9)}.MuiTooltip-tooltipArrow{margin:0;position:relative}.MuiTooltip-arrow{color:rgba(97,97,97,.9);width:1em;height:.71em;overflow:hidden;position:absolute;box-sizing:border-box}.MuiTooltip-arrow::before{width:100%;height:100%;margin:auto;content:"";display:block;transform:rotate(45deg);background-color:currentColor}.MuiTooltip-touch{padding:8px 16px;font-size:.875rem;font-weight:400;line-height:1.14286em}.MuiTooltip-tooltipPlacementLeft{margin:0 24px;transform-origin:right center}@media (min-width:600px){.MuiTooltip-tooltipPlacementLeft{margin:0 14px}}.MuiTooltip-tooltipPlacementRight{margin:0 24px;transform-origin:left center}@media (min-width:600px){.MuiTooltip-tooltipPlacementRight{margin:0 14px}}.MuiTooltip-tooltipPlacementTop{margin:24px 0;transform-origin:center bottom}@media (min-width:600px){.MuiTooltip-tooltipPlacementTop{margin:14px 0}}.MuiTooltip-tooltipPlacementBottom{margin:24px 0;transform-origin:center top}@media (min-width:600px){.MuiTooltip-tooltipPlacementBottom{margin:14px 0}}.jss1{padding:16px}.jss1>:not(:first-child){margin-left:8px}.jss2{color:#ff9800!important;font-weight:700}.jss3{display:flex}.jss4{display:flex;align-items:center;flex-direction:column}.jss5{display:flex;min-height:100%}@media (min-width:960px){.jss5{flex-direction:row}}@media (min-width:0px) and (max-width:959.95px){.jss5{flex-direction:column}}.jss6{color:rgba(0,0,0,.87);display:flex;flex-grow:1;min-height:100%;flex-direction:column;background-color:#eee}.jss7{flex-grow:1}.jss8{padding:16px 32px 0 32px;flex-grow:1;max-width:960px}@media (min-width:0px) and (max-width:959.95px){.jss8{width:100%;padding:16px;max-width:unset}}.jss9{padding:32px 32px 16px 32px;position:relative;max-width:960px}@media (min-width:0px) and (max-width:959.95px){.jss9{width:100%;padding:16px;max-width:unset}}@media (min-width:0px) and (max-width:959.95px){.jss10{display:none}}@media (min-width:960px){.jss10{display:flex;flex-wrap:wrap;align-items:center}}.jss11{height:50px;flex-grow:1}.jss13{color:#fff;min-height:100%;background-color:#424242}.jss14{color:#fff;min-width:260px;border-right:1px solid #eee;background-color:#424242}@media (min-width:0px) and (max-width:959.95px){.jss14{display:none}}.jss14 ol{width:100%;margin:0;padding:0;list-style:none;padding-top:8px}.jss14 ol li{width:100%;display:flex}.jss14 ol li a{color:unset;width:100%;text-decoration:none}.jss15{color:unset}.jss16{padding:8px;padding-left:32px}@media (min-width:0px) and (max-width:959.95px){.jss16{padding-left:16px;padding-right:16px}}.jss17:hover{color:rgba(0,0,0,.87);background-color:#f5f5f5}.jss18{color:unset;margin:unset;display:flex;align-items:center;padding-left:16px}@media (min-width:960px){.jss18:hover{color:#ff9800}}.jss19{width:100%;border-top:1px solid #757575;margin-top:16px;padding-top:16px;padding-left:32px;margin-bottom:8px}@media (min-width:0px) and (max-width:959.95px){.jss19{padding-left:16px}}.jss20{font-size:1.5em;margin-left:-4px;padding-right:8px}.jss21{color:rgba(0,0,0,.87);margin-left:8px}.jss22{display:flex;flex-grow:1;justify-content:flex-start}.jss23{align-items:center;padding-left:8px;flex-direction:row}@media (min-width:960px){.jss23{display:none}}.MuiGrid-container{width:100%;display:flex;flex-wrap:wrap;box-sizing:border-box}.MuiGrid-item{margin:0;box-sizing:border-box}.MuiGrid-zeroMinWidth{min-width:0}.MuiGrid-direction-xs-column{flex-direction:column}.MuiGrid-direction-xs-column-reverse{flex-direction:column-reverse}.MuiGrid-direction-xs-row-reverse{flex-direction:row-reverse}.MuiGrid-wrap-xs-nowrap{flex-wrap:nowrap}.MuiGrid-wrap-xs-wrap-reverse{flex-wrap:wrap-reverse}.MuiGrid-align-items-xs-center{align-items:center}.MuiGrid-align-items-xs-flex-start{align-items:flex-start}.MuiGrid-align-items-xs-flex-end{align-items:flex-end}.MuiGrid-align-items-xs-baseline{align-items:baseline}.MuiGrid-align-content-xs-center{align-content:center}.MuiGrid-align-content-xs-flex-start{align-content:flex-start}.MuiGrid-align-content-xs-flex-end{align-content:flex-end}.MuiGrid-align-content-xs-space-between{align-content:space-between}.MuiGrid-align-content-xs-space-around{align-content:space-around}.MuiGrid-justify-content-xs-center{justify-content:center}.MuiGrid-justify-content-xs-flex-end{justify-content:flex-end}.MuiGrid-justify-content-xs-space-between{justify-content:space-between}.MuiGrid-justify-content-xs-space-around{justify-content:space-around}.MuiGrid-justify-content-xs-space-evenly{justify-content:space-evenly}.MuiGrid-spacing-xs-1{width:calc(100% + 8px);margin:-4px}.MuiGrid-spacing-xs-1>.MuiGrid-item{padding:4px}.MuiGrid-spacing-xs-2{width:calc(100% + 16px);margin:-8px}.MuiGrid-spacing-xs-2>.MuiGrid-item{padding:8px}.MuiGrid-spacing-xs-3{width:calc(100% + 24px);margin:-12px}.MuiGrid-spacing-xs-3>.MuiGrid-item{padding:12px}.MuiGrid-spacing-xs-4{width:calc(100% + 32px);margin:-16px}.MuiGrid-spacing-xs-4>.MuiGrid-item{padding:16px}.MuiGrid-spacing-xs-5{width:calc(100% + 40px);margin:-20px}.MuiGrid-spacing-xs-5>.MuiGrid-item{padding:20px}.MuiGrid-spacing-xs-6{width:calc(100% + 48px);margin:-24px}.MuiGrid-spacing-xs-6>.MuiGrid-item{padding:24px}.MuiGrid-spacing-xs-7{width:calc(100% + 56px);margin:-28px}.MuiGrid-spacing-xs-7>.MuiGrid-item{padding:28px}.MuiGrid-spacing-xs-8{width:calc(100% + 64px);margin:-32px}.MuiGrid-spacing-xs-8>.MuiGrid-item{padding:32px}.MuiGrid-spacing-xs-9{width:calc(100% + 72px);margin:-36px}.MuiGrid-spacing-xs-9>.MuiGrid-item{padding:36px}.MuiGrid-spacing-xs-10{width:calc(100% + 80px);margin:-40px}.MuiGrid-spacing-xs-10>.MuiGrid-item{padding:40px}.MuiGrid-grid-xs-auto{flex-grow:0;max-width:none;flex-basis:auto}.MuiGrid-grid-xs-true{flex-grow:1;max-width:100%;flex-basis:0}.MuiGrid-grid-xs-1{flex-grow:0;max-width:8.333333%;flex-basis:8.333333%}.MuiGrid-grid-xs-2{flex-grow:0;max-width:16.666667%;flex-basis:16.666667%}.MuiGrid-grid-xs-3{flex-grow:0;max-width:25%;flex-basis:25%}.MuiGrid-grid-xs-4{flex-grow:0;max-width:33.333333%;flex-basis:33.333333%}.MuiGrid-grid-xs-5{flex-grow:0;max-width:41.666667%;flex-basis:41.666667%}.MuiGrid-grid-xs-6{flex-grow:0;max-width:50%;flex-basis:50%}.MuiGrid-grid-xs-7{flex-grow:0;max-width:58.333333%;flex-basis:58.333333%}.MuiGrid-grid-xs-8{flex-grow:0;max-width:66.666667%;flex-basis:66.666667%}.MuiGrid-grid-xs-9{flex-grow:0;max-width:75%;flex-basis:75%}.MuiGrid-grid-xs-10{flex-grow:0;max-width:83.333333%;flex-basis:83.333333%}.MuiGrid-grid-xs-11{flex-grow:0;max-width:91.666667%;flex-basis:91.666667%}.MuiGrid-grid-xs-12{flex-grow:0;max-width:100%;flex-basis:100%}@media (min-width:600px){.MuiGrid-grid-sm-auto{flex-grow:0;max-width:none;flex-basis:auto}.MuiGrid-grid-sm-true{flex-grow:1;max-width:100%;flex-basis:0}.MuiGrid-grid-sm-1{flex-grow:0;max-width:8.333333%;flex-basis:8.333333%}.MuiGrid-grid-sm-2{flex-grow:0;max-width:16.666667%;flex-basis:16.666667%}.MuiGrid-grid-sm-3{flex-grow:0;max-width:25%;flex-basis:25%}.MuiGrid-grid-sm-4{flex-grow:0;max-width:33.333333%;flex-basis:33.333333%}.MuiGrid-grid-sm-5{flex-grow:0;max-width:41.666667%;flex-basis:41.666667%}.MuiGrid-grid-sm-6{flex-grow:0;max-width:50%;flex-basis:50%}.MuiGrid-grid-sm-7{flex-grow:0;max-width:58.333333%;flex-basis:58.333333%}.MuiGrid-grid-sm-8{flex-grow:0;max-width:66.666667%;flex-basis:66.666667%}.MuiGrid-grid-sm-9{flex-grow:0;max-width:75%;flex-basis:75%}.MuiGrid-grid-sm-10{flex-grow:0;max-width:83.333333%;flex-basis:83.333333%}.MuiGrid-grid-sm-11{flex-grow:0;max-width:91.666667%;flex-basis:91.666667%}.MuiGrid-grid-sm-12{flex-grow:0;max-width:100%;flex-basis:100%}}@media (min-width:960px){.MuiGrid-grid-md-auto{flex-grow:0;max-width:none;flex-basis:auto}.MuiGrid-grid-md-true{flex-grow:1;max-width:100%;flex-basis:0}.MuiGrid-grid-md-1{flex-grow:0;max-width:8.333333%;flex-basis:8.333333%}.MuiGrid-grid-md-2{flex-grow:0;max-width:16.666667%;flex-basis:16.666667%}.MuiGrid-grid-md-3{flex-grow:0;max-width:25%;flex-basis:25%}.MuiGrid-grid-md-4{flex-grow:0;max-width:33.333333%;flex-basis:33.333333%}.MuiGrid-grid-md-5{flex-grow:0;max-width:41.666667%;flex-basis:41.666667%}.MuiGrid-grid-md-6{flex-grow:0;max-width:50%;flex-basis:50%}.MuiGrid-grid-md-7{flex-grow:0;max-width:58.333333%;flex-basis:58.333333%}.MuiGrid-grid-md-8{flex-grow:0;max-width:66.666667%;flex-basis:66.666667%}.MuiGrid-grid-md-9{flex-grow:0;max-width:75%;flex-basis:75%}.MuiGrid-grid-md-10{flex-grow:0;max-width:83.333333%;flex-basis:83.333333%}.MuiGrid-grid-md-11{flex-grow:0;max-width:91.666667%;flex-basis:91.666667%}.MuiGrid-grid-md-12{flex-grow:0;max-width:100%;flex-basis:100%}}@media (min-width:1280px){.MuiGrid-grid-lg-auto{flex-grow:0;max-width:none;flex-basis:auto}.MuiGrid-grid-lg-true{flex-grow:1;max-width:100%;flex-basis:0}.MuiGrid-grid-lg-1{flex-grow:0;max-width:8.333333%;flex-basis:8.333333%}.MuiGrid-grid-lg-2{flex-grow:0;max-width:16.666667%;flex-basis:16.666667%}.MuiGrid-grid-lg-3{flex-grow:0;max-width:25%;flex-basis:25%}.MuiGrid-grid-lg-4{flex-grow:0;max-width:33.333333%;flex-basis:33.333333%}.MuiGrid-grid-lg-5{flex-grow:0;max-width:41.666667%;flex-basis:41.666667%}.MuiGrid-grid-lg-6{flex-grow:0;max-width:50%;flex-basis:50%}.MuiGrid-grid-lg-7{flex-grow:0;max-width:58.333333%;flex-basis:58.333333%}.MuiGrid-grid-lg-8{flex-grow:0;max-width:66.666667%;flex-basis:66.666667%}.MuiGrid-grid-lg-9{flex-grow:0;max-width:75%;flex-basis:75%}.MuiGrid-grid-lg-10{flex-grow:0;max-width:83.333333%;flex-basis:83.333333%}.MuiGrid-grid-lg-11{flex-grow:0;max-width:91.666667%;flex-basis:91.666667%}.MuiGrid-grid-lg-12{flex-grow:0;max-width:100%;flex-basis:100%}}@media (min-width:1920px){.MuiGrid-grid-xl-auto{flex-grow:0;max-width:none;flex-basis:auto}.MuiGrid-grid-xl-true{flex-grow:1;max-width:100%;flex-basis:0}.MuiGrid-grid-xl-1{flex-grow:0;max-width:8.333333%;flex-basis:8.333333%}.MuiGrid-grid-xl-2{flex-grow:0;max-width:16.666667%;flex-basis:16.666667%}.MuiGrid-grid-xl-3{flex-grow:0;max-width:25%;flex-basis:25%}.MuiGrid-grid-xl-4{flex-grow:0;max-width:33.333333%;flex-basis:33.333333%}.MuiGrid-grid-xl-5{flex-grow:0;max-width:41.666667%;flex-basis:41.666667%}.MuiGrid-grid-xl-6{flex-grow:0;max-width:50%;flex-basis:50%}.MuiGrid-grid-xl-7{flex-grow:0;max-width:58.333333%;flex-basis:58.333333%}.MuiGrid-grid-xl-8{flex-grow:0;max-width:66.666667%;flex-basis:66.666667%}.MuiGrid-grid-xl-9{flex-grow:0;max-width:75%;flex-basis:75%}.MuiGrid-grid-xl-10{flex-grow:0;max-width:83.333333%;flex-basis:83.333333%}.MuiGrid-grid-xl-11{flex-grow:0;max-width:91.666667%;flex-basis:91.666667%}.MuiGrid-grid-xl-12{flex-grow:0;max-width:100%;flex-basis:100%}}.jss34{padding:9px}.jss37{top:0;left:0;width:100%;cursor:inherit;height:100%;margin:0;opacity:0;padding:0;z-index:1;position:absolute}.MuiSwitch-root{width:58px;height:38px;display:inline-flex;padding:12px;z-index:0;overflow:hidden;position:relative;box-sizing:border-box;flex-shrink:0;vertical-align:middle}@media print{.MuiSwitch-root{-webkit-print-color-adjust:exact;color-adjust:exact}}.MuiSwitch-edgeStart{margin-left:-8px}.MuiSwitch-edgeEnd{margin-right:-8px}.MuiSwitch-switchBase{top:0;left:0;color:#fafafa;z-index:1;position:absolute;transition:left 150ms cubic-bezier(.4, 0, .2, 1) 0s,transform 150ms cubic-bezier(.4, 0, .2, 1) 0s}.MuiSwitch-switchBase.Mui-checked{transform:translateX(20px)}.MuiSwitch-switchBase.Mui-disabled{color:#bdbdbd}.MuiSwitch-switchBase.Mui-checked+.MuiSwitch-track{opacity:.5}.MuiSwitch-switchBase.Mui-disabled+.MuiSwitch-track{opacity:.12}.MuiSwitch-colorPrimary.Mui-checked{color:#ff9800}.MuiSwitch-colorPrimary.Mui-disabled{color:#bdbdbd}.MuiSwitch-colorPrimary.Mui-checked+.MuiSwitch-track{background-color:#ff9800}.MuiSwitch-colorPrimary.Mui-disabled+.MuiSwitch-track{background-color:#000}.MuiSwitch-colorPrimary.Mui-checked:hover{background-color:rgba(255,152,0,.04)}@media (hover:none){.MuiSwitch-colorPrimary.Mui-checked:hover{background-color:transparent}}.MuiSwitch-colorSecondary.Mui-checked{color:#ff3d00}.MuiSwitch-colorSecondary.Mui-disabled{color:#bdbdbd}.MuiSwitch-colorSecondary.Mui-checked+.MuiSwitch-track{background-color:#ff3d00}.MuiSwitch-colorSecondary.Mui-disabled+.MuiSwitch-track{background-color:#000}.MuiSwitch-colorSecondary.Mui-checked:hover{background-color:rgba(255,61,0,.04)}@media (hover:none){.MuiSwitch-colorSecondary.Mui-checked:hover{background-color:transparent}}.MuiSwitch-sizeSmall{width:40px;height:24px;padding:7px}.MuiSwitch-sizeSmall .MuiSwitch-thumb{width:16px;height:16px}.MuiSwitch-sizeSmall .MuiSwitch-switchBase{padding:4px}.MuiSwitch-sizeSmall .MuiSwitch-switchBase.Mui-checked{transform:translateX(16px)}.MuiSwitch-input{left:-100%;width:300%}.MuiSwitch-thumb{width:20px;height:20px;box-shadow:0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12);border-radius:50%;background-color:currentColor}.MuiSwitch-track{width:100%;height:100%;opacity:.38;z-index:-1;transition:opacity 150ms cubic-bezier(.4, 0, .2, 1) 0s,background-color 150ms cubic-bezier(.4, 0, .2, 1) 0s;border-radius:7px;background-color:#000}.jss24{max-width:80ch}.jss25>:not(:last-child){margin-bottom:8px}.jss26{margin-top:8px}.jss27{margin-bottom:8px}.jss28{margin-left:8px}.jss29{display:flex}.jss29>:not(:last-child){margin-right:8px}.jss30{display:flex;align-items:center}.jss30>:not(:first-child){flex-grow:1}.jss31{display:flex}.jss31>hr{margin-right:8px}.jss31>:not(:first-child){flex-grow:1}.jss32{flex-grow:1}.jss33{display:flex;justify-content:flex-end}.jss39{display:inline-flex;align-items:center}.jss40{color:inherit;margin-left:.5ch}.jss41{opacity:.3}.jss41:hover{opacity:1}.jss38{max-width:600px}</style><link as="font" href="http://web.archive.org/web/20221204042714/https://fonts.gstatic.com/s/roboto/v27/KFOmCnqEu92Fr1Mu4mxKKTU1Kg.woff2" rel="preload" crossorigin="anonymous"/><link as="font" href="http://web.archive.org/web/20221204042714/https://fonts.gstatic.com/s/sourcecodepro/v14/HI_SiYsKILxRpg3hIP6sJ7fM7PqlPevWnsUnxg.woff2" rel="preload" crossorigin="anonymous"/><link href="http://web.archive.org/web/20221204042714cs_/https://fonts.googleapis.com/css?family=Roboto:400|Source+Code+Pro:400" rel="stylesheet"/><title data-react-helmet="true">Discover the Google Analytics platform</title><meta data-react-helmet="true" charset="utf-8"/><meta data-react-helmet="true" name="description" content="Google Analytics Demos & Tools is a resource for users and developers to discover what's possible with the Google Analytics Platform. Learn how to implement GA and applications that can be built to take advantage of the flexibility and power of Google Analytics."/><style>.gatsby-image-wrapper{position:relative;overflow:hidden}.gatsby-image-wrapper img{bottom:0;height:100%;left:0;margin:0;max-width:none;padding:0;position:absolute;right:0;top:0;width:100%;object-fit:cover}.gatsby-image-wrapper [data-main-image]{opacity:0;transform:translateZ(0);transition:opacity .25s linear;will-change:opacity}.gatsby-image-wrapper-constrained{display:inline-block}</style><noscript><style>.gatsby-image-wrapper noscript [data-main-image]{opacity:1!important}.gatsby-image-wrapper [data-placeholder-image]{opacity:0!important}</style></noscript><script type="module">const e="undefined"!=typeof HTMLImageElement&&"loading"in HTMLImageElement.prototype;e&&document.body.addEventListener("load",(function(e){if(void 0===e.target.dataset.mainImage)return;if(void 0===e.target.dataset.gatsbyImageSsr)return;const t=e.target;let a=null,n=t;for(;null===a&&n;)void 0!==n.parentNode.dataset.gatsbyImageWrapper&&(a=n.parentNode),n=n.parentNode;const o=a.querySelector("[data-placeholder-image]"),r=new Image;r.src=t.currentSrc,r.decode().catch((()=>{})).then((()=>{t.style.opacity=1,o&&(o.style.opacity=0,o.style.transition="opacity 500ms linear")}))}),!0);</script><link as="script" rel="preload" href="/web/20221204042714/https://ga-dev-tools.web.app/webpack-runtime-7b921355200cbc04e76e.js"/><link as="script" rel="preload" href="/web/20221204042714/https://ga-dev-tools.web.app/framework-4ff4b9712e3100f7b5b1.js"/><link as="script" rel="preload" href="/web/20221204042714/https://ga-dev-tools.web.app/app-35e623018cf2020966ff.js"/><link as="script" rel="preload" href="/web/20221204042714/https://ga-dev-tools.web.app/commons-456d01722498f89d6902.js"/><link as="script" rel="preload" href="/web/20221204042714/https://ga-dev-tools.web.app/component---src-pages-index-tsx-d42681d2b8f6cc8324f1.js"/><link as="fetch" rel="preload" href="/web/20221204042714/https://ga-dev-tools.web.app/page-data/index/page-data.json" crossorigin="anonymous"/><link as="fetch" rel="preload" href="/web/20221204042714/https://ga-dev-tools.web.app/page-data/app-data.json" crossorigin="anonymous"/></head><body><div id="___gatsby"><div style="outline:none" tabindex="-1" id="gatsby-focus-wrapper"><div class="jss5"><header class="MuiPaper-root MuiAppBar-root MuiAppBar-positionStatic MuiAppBar-colorPrimary jss12 jss23 MuiPaper-elevation4"><button class="MuiButtonBase-root MuiIconButton-root jss22 MuiIconButton-edgeStart" tabindex="0" type="button"><span class="MuiIconButton-label"><svg class="MuiSvgIcon-root" focusable="false" viewbox="0 0 24 24" aria-hidden="true"><path d="M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z"></path></svg><h6 class="MuiTypography-root jss21 MuiTypography-h6">GA Demos & Tools</h6></span></button><button class="MuiButtonBase-root MuiIconButton-root" tabindex="0" type="button" title="Report an issue."><span class="MuiIconButton-label"><svg class="MuiSvgIcon-root" focusable="false" viewbox="0 0 24 24" aria-hidden="true"><path d="M20 8h-2.81c-.45-.78-1.07-1.45-1.82-1.96L17 4.41 15.59 3l-2.17 2.17C12.96 5.06 12.49 5 12 5c-.49 0-.96.06-1.41.17L8.41 3 7 4.41l1.62 1.63C7.88 6.55 7.26 7.22 6.81 8H4v2h2.09c-.05.33-.09.66-.09 1v1H4v2h2v1c0 .34.04.67.09 1H4v2h2.81c1.04 1.79 2.97 3 5.19 3s4.15-1.21 5.19-3H20v-2h-2.09c.05-.33.09-.66.09-1v-1h2v-2h-2v-1c0-.34-.04-.67-.09-1H20V8zm-6 8h-4v-2h4v2zm0-4h-4v-2h4v2z"></path></svg></span></button></header><nav class="jss14"><ol><li><a aria-current="page" class="" href="/web/20221204042714/https://ga-dev-tools.web.app/"><h2 class="MuiTypography-root jss16 jss18 MuiTypography-h2"><svg class="MuiSvgIcon-root jss20" focusable="false" viewbox="0 0 24 24" aria-hidden="true"><path d="M10 20v-6h4v6h5v-8h3L12 3 2 12h3v8z"></path></svg> Home</h2></a></li><li><h6 class="MuiTypography-root jss19 MuiTypography-h6">Demos & Tools</h6></li><li class="jss16"><label class="MuiGrid-root MuiGrid-container MuiGrid-spacing-xs-1 MuiGrid-align-items-xs-center" title="Switch between UA and GA4 demos & tools"><div class="MuiGrid-root MuiGrid-item">UA</div><div class="MuiGrid-root MuiGrid-item"><span class="MuiSwitch-root"><span class="MuiButtonBase-root MuiIconButton-root jss34 MuiSwitch-switchBase MuiSwitch-colorPrimary" aria-disabled="false"><span class="MuiIconButton-label"><input type="checkbox" class="jss37 MuiSwitch-input" name="use GA4"/><span class="MuiSwitch-thumb"></span></span></span><span class="MuiSwitch-track"></span></span></div><div class="MuiGrid-root MuiGrid-item">GA4</div></label></li><li><a class="jss16 jss17" href="/web/20221204042714/https://ga-dev-tools.web.app/account-explorer/">Account Explorer</a></li><li><a class="jss16 jss17" href="/web/20221204042714/https://ga-dev-tools.web.app/campaign-url-builder/">Campaign URL Builder</a></li><li><a class="jss16 jss17" href="/web/20221204042714/https://ga-dev-tools.web.app/dimensions-metrics-explorer/">Dimensions & Metrics Explorer</a></li><li><a class="jss16 jss17" href="/web/20221204042714/https://ga-dev-tools.web.app/enhanced-ecommerce/">Enhanced Ecommerce</a></li><li><a class="jss16 jss17" href="/web/20221204042714/https://ga-dev-tools.web.app/hit-builder/">Hit Builder</a></li><li><a class="jss16 jss17" href="/web/20221204042714/https://ga-dev-tools.web.app/query-explorer/">Query Explorer</a></li><li><a class="jss16 jss17" href="/web/20221204042714/https://ga-dev-tools.web.app/request-composer/">Request Composer</a></li><li><a class="jss16 jss17" href="/web/20221204042714/https://ga-dev-tools.web.app/spreadsheet-add-on/">Spreadsheet Add-on</a></li><li><a class="jss16 jss17" href="/web/20221204042714/https://ga-dev-tools.web.app/tag-assistant/">Tag Assistant</a></li><li><h6 class="MuiTypography-root jss19 MuiTypography-h6">Resources</h6></li><li><a class="jss16 jss17" href="/web/20221204042714/https://ga-dev-tools.web.app/#about">About this Site</a></li><li><a class="jss16 jss17" href="/web/20221204042714/https://ga-dev-tools.web.app/#help">Help & feedback</a></li></ol></nav><main class="jss6"><header class="jss9"><div class="jss10"><svg class="jss11"><g id="ga-developer-logo-mark"><circle fill="#F7991C" cx="13" cy="13" r="13"></circle><path fill="#F05721" d="M26 13c0-0.2 0-0.5 0-0.7l-5-5L7.6 20.6 13 26C20.1 26 26 20.1 26 13z"></path><path fill="#FFFFFF" d="M17.5 18.9c0.3-0.2 0.6-0.5 1-0.8 0.3-0.3 0.6-0.6 0.8-1l2.1 0.4 0.6-0.4 0.8-3.2 -0.4-0.7 -2-0.8c-0.1-0.9-0.3-1.7-0.7-2.5L21 8.1V7.3l-2.4-2.4h-0.8l-1.7 1.3c-0.8-0.4-1.6-0.7-2.5-0.7l-0.8-2L12 3 8.8 3.8 8.4 4.5l0.3 2C8.4 6.7 8 7 7.7 7.3S7.2 8 6.9 8.3L4.8 8 4.1 8.4l-0.8 3.2 0.4 0.7 2 0.8c0.1 0.9 0.3 1.7 0.7 2.5l-1.3 1.6v0.8l2.4 2.4h0.8l1.6-1.3c0.8 0.4 1.6 0.6 2.5 0.7l0.8 2 0.7 0.4 3.2-0.8 0.4-0.6L17.5 18.9z"></path><path fill="#F05721" d="M16 12.7c0 1.6-1.3 2.9-2.9 2.9s-2.9-1.3-2.9-2.9 1.3-2.9 2.9-2.9S16 11.1 16 12.7z"></path><path fill="#F7991C" d="M11.1 14.8c-0.6-0.5-0.9-1.2-0.9-2 0-1.6 1.3-2.9 2.9-2.9 0.8 0 1.5 0.3 2 0.9l1.2-1.2c-0.9-0.9-2-1.4-3.3-1.4 -2.5 0-4.6 2-4.6 4.6 0 1.3 0.6 2.4 1.4 3.3L11.1 14.8z"></path></g><g id="ga-developer-logo-text"><path d="M102.4 20.8l5-13.2h1.9l5 13.2h-1.9l-1.3-3.6h-5.5l-1.3 3.6H102.4zM106.1 15.6h4.4l-2.2-5.9h-0.1L106.1 15.6z"></path><path d="M116.8 11.7V13h0.1c0.2-0.4 0.7-0.8 1.1-1.1 0.6-0.3 1.1-0.5 1.7-0.5 1.1 0 1.9 0.3 2.6 1.1 0.6 0.6 0.9 1.6 0.9 2.8v5.5h-1.7v-5.3c0-1.7-0.7-2.5-2.2-2.5 -0.7 0-1.3 0.2-1.7 0.8s-0.7 1.2-0.7 1.9v5h-1.7v-9H116.8z"></path><path d="M127.6 21c-1 0-1.8-0.2-2.4-0.8 -0.7-0.6-1-1.3-1-2.2 0-1 0.4-1.8 1.1-2.3 0.7-0.6 1.7-0.8 2.8-0.8 1 0 1.8 0.2 2.4 0.6v-0.2c0-0.6-0.2-1.2-0.7-1.6 -0.5-0.4-1-0.6-1.7-0.6 -0.5 0-1 0.1-1.3 0.3 -0.4 0.2-0.7 0.6-0.8 1l-1.5-0.6c0.2-0.6 0.7-1.1 1.2-1.5 0.7-0.5 1.5-0.7 2.4-0.7 1.1 0 2.1 0.3 2.8 1 0.7 0.7 1.1 1.6 1.1 2.8v5.4h-1.6v-1.2h-0.1C129.9 20.6 128.9 21 127.6 21zM127.9 19.5c0.7 0 1.3-0.2 1.9-0.8 0.6-0.5 0.9-1.1 0.9-1.9 -0.5-0.4-1.2-0.6-2.2-0.6 -0.8 0-1.5 0.2-1.9 0.6 -0.4 0.3-0.7 0.8-0.7 1.2s0.2 0.8 0.6 1.1C127 19.4 127.4 19.5 127.9 19.5z"></path><path d="M135.6 20.8h-1.7V7.6h1.7V20.8z"></path><path d="M139.8 24.8H138l2.1-4.6 -3.7-8.4h1.9l2.7 6.5 0 0 2.6-6.5h1.9L139.8 24.8z"></path><path d="M150.5 20.9c-1 0-1.7-0.2-2.2-0.7 -0.5-0.5-0.7-1.2-0.7-2.1v-4.7h-1.6v-1.5h1.6V8.9h1.7v2.8h2.2v1.5h-2.2v4.6c0 1 0.4 1.5 1.2 1.5 0.3 0 0.6-0.1 0.8-0.2l0.6 1.5C151.4 20.8 151 20.9 150.5 20.9z"></path><path d="M154.5 9.4c-0.2 0.2-0.5 0.3-0.8 0.3s-0.6-0.1-0.8-0.3c-0.2-0.2-0.3-0.5-0.3-0.8s0.1-0.7 0.3-0.8c0.2-0.2 0.5-0.3 0.8-0.3s0.7 0.1 0.8 0.3c0.2 0.2 0.3 0.5 0.3 0.8S154.7 9.3 154.5 9.4zM154.5 20.8h-1.7v-9.1h1.7V20.8z"></path><path d="M160.3 21c-1.4 0-2.4-0.5-3.3-1.4 -0.9-0.9-1.3-2-1.3-3.4 0-1.4 0.4-2.5 1.3-3.4 0.9-0.9 1.9-1.4 3.3-1.4 1 0 1.9 0.2 2.5 0.7 0.6 0.5 1.1 1.1 1.5 1.9l-1.5 0.6c-0.5-1.1-1.3-1.7-2.5-1.7 -0.7 0-1.4 0.3-1.9 0.9 -0.6 0.6-0.9 1.4-0.9 2.4 0 1 0.3 1.7 0.9 2.4s1.2 0.9 1.9 0.9c1.3 0 2.1-0.6 2.6-1.7l1.5 0.6c-0.3 0.7-0.8 1.4-1.5 1.9C162.2 20.8 161.4 21 160.3 21z"></path><path d="M169 21c-1 0-1.9-0.2-2.5-0.7 -0.7-0.5-1.1-1.1-1.5-1.9l1.5-0.6c0.5 1.1 1.3 1.7 2.4 1.7 0.6 0 1-0.1 1.3-0.3 0.3-0.2 0.5-0.6 0.5-0.9 0-0.6-0.4-1-1.2-1.2l-1.8-0.4c-0.6-0.2-1.1-0.4-1.6-0.8 -0.5-0.4-0.8-1-0.8-1.7 0-0.8 0.3-1.5 1.1-1.9 0.7-0.5 1.5-0.7 2.5-0.7 0.8 0 1.5 0.2 2.1 0.6 0.6 0.3 1.1 0.9 1.4 1.5l-1.5 0.6c-0.3-0.8-1.1-1.2-2-1.2 -0.5 0-0.9 0.1-1.3 0.3 -0.3 0.2-0.5 0.5-0.5 0.8 0 0.5 0.4 0.9 1.2 1.1l1.8 0.4c0.8 0.2 1.5 0.6 1.9 1 0.4 0.5 0.6 1.1 0.6 1.6 0 0.8-0.3 1.5-1 2C170.9 20.8 170.1 21 169 21z"></path><rect opacity=".5" x="180.6" y="6.4" width="1.5" height="16.6"></rect><path d="M37.9 13.5c0-4.1 3.5-7.6 7.6-7.6 2.3 0 4 0.9 5.2 2.1l-1.5 1.5C48.3 8.7 47.1 8 45.5 8c-3 0-5.4 2.4-5.4 5.5 0 3 2.4 5.5 5.4 5.5 2 0 3.1-0.8 3.8-1.5 0.6-0.6 1-1.5 1.1-2.6h-5v-2h7c0.1 0.4 0.1 0.8 0.1 1.3 0 1.5-0.4 3.5-1.8 4.8 -1.3 1.4-3 2.1-5.3 2.1C41.4 21 37.9 17.7 37.9 13.5z"></path><path d="M58.2 11.3c-2.7 0-4.9 2-4.9 4.9s2.2 4.9 4.9 4.9 4.9-2 4.9-4.9C63 13.4 60.9 11.3 58.2 11.3zM58.2 19.2c-1.5 0-2.8-1.2-2.8-2.9 0-1.8 1.3-2.9 2.8-2.9s2.8 1.2 2.8 2.9S59.6 19.2 58.2 19.2z"></path><path d="M68.8 11.3c-2.7 0-4.9 2-4.9 4.9s2.2 4.9 4.9 4.9 4.9-2 4.9-4.9C73.8 13.4 71.6 11.3 68.8 11.3zM68.8 19.2c-1.5 0-2.8-1.2-2.8-2.9 0-1.8 1.3-2.9 2.8-2.9s2.8 1.2 2.8 2.9S70.4 19.2 68.8 19.2z"></path><path d="M82 11.6v0.8h-0.1c-0.5-0.6-1.4-1.1-2.6-1.1 -2.4 0-4.6 2.1-4.6 4.9s2.2 4.9 4.6 4.9c1.1 0 2.1-0.5 2.6-1.1H82v0.7c0 1.9-1 2.8-2.6 2.8 -1.3 0-2.1-1-2.4-1.7l-1.9 0.8c0.6 1.3 1.9 2.8 4.3 2.8 2.5 0 4.6-1.5 4.6-5v-8.9H82zM79.5 19.2c-1.5 0-2.7-1.2-2.7-2.9s1.2-3 2.7-3 2.6 1.2 2.6 3C82.1 17.9 80.9 19.2 79.5 19.2z"></path><rect x="85.5" y="6.4" width="2.1" height="14.3"></rect><path d="M93.4 19.2c-1.1 0-1.9-0.5-2.4-1.5l6.5-2.7 -0.2-0.6c-0.4-1.1-1.6-3.1-4.1-3.1 -2.5 0-4.6 1.9-4.6 4.9 0 2.8 2 4.9 4.8 4.9 2.2 0 3.5-1.4 4.1-2.2l-1.6-1.1C95.3 18.6 94.6 19.2 93.4 19.2zM93.3 13.2c0.8 0 1.5 0.4 1.8 1.1l-4.4 1.8C90.7 14.1 92.2 13.2 93.3 13.2z"></path><path d="M190.6 20.8V7.6h4.1c2 0 3.7 0.7 4.9 1.9s1.8 2.8 1.8 4.8 -0.6 3.6-1.8 4.8 -2.8 1.9-4.9 1.9L190.6 20.8 190.6 20.8zM192.3 19.2h2.4c1.5 0 2.8-0.4 3.7-1.3s1.3-2.1 1.3-3.7 -0.4-2.8-1.3-3.7 -2.1-1.3-3.7-1.3h-2.4V19.2z"></path><path d="M206.9 21c-1.4 0-2.4-0.5-3.3-1.4 -0.9-0.9-1.3-2-1.3-3.4 0-1.3 0.4-2.4 1.2-3.4s1.9-1.4 3.2-1.4c1.3 0 2.4 0.4 3.2 1.3s1.2 2 1.2 3.5v0.3H204c0.1 0.9 0.3 1.6 0.9 2.2 0.6 0.6 1.2 0.8 1.9 0.8 1.2 0 2-0.5 2.4-1.5l1.5 0.6c-0.3 0.7-0.8 1.3-1.5 1.8C208.7 20.8 207.9 21 206.9 21zM209.3 15.2c0-0.5-0.2-1-0.7-1.5 -0.4-0.5-1.1-0.7-1.9-0.7 -0.6 0-1.1 0.2-1.6 0.6s-0.8 0.9-1 1.6C204 15.2 209.3 15.2 209.3 15.2z"></path><path d="M212.3 20.8v-9.1h1.6V13h0.1c0.2-0.4 0.6-0.8 1.2-1.1s1.1-0.5 1.6-0.5c1.4 0 2.4 0.6 2.8 1.7 0.7-1.1 1.8-1.7 3.2-1.7 1.1 0 1.9 0.3 2.4 1.1 0.6 0.6 0.8 1.6 0.8 2.8v5.5h-1.7v-5.3c0-0.9-0.2-1.5-0.5-1.9 -0.3-0.4-0.8-0.6-1.5-0.6 -0.6 0-1.2 0.2-1.6 0.8 -0.4 0.6-0.6 1.2-0.6 1.9v5h-1.7v-5.3c0-0.9-0.2-1.5-0.5-1.9s-0.8-0.6-1.5-0.6c-0.6 0-1.2 0.2-1.6 0.8 -0.4 0.6-0.6 1.2-0.6 1.9v5L212.3 20.8 212.3 20.8z"></path><path d="M228.5 12.8c0.9-0.9 1.9-1.4 3.3-1.4 1.4 0 2.4 0.5 3.3 1.4 0.9 0.9 1.3 2 1.3 3.4s-0.4 2.5-1.3 3.4c-0.9 0.9-1.9 1.4-3.3 1.4 -1.4 0-2.4-0.5-3.3-1.4 -0.9-0.9-1.3-2-1.3-3.4S227.7 13.7 228.5 12.8zM229.8 18.6c0.6 0.6 1.3 0.9 2.1 0.9s1.5-0.3 2.1-0.9c0.6-0.6 0.9-1.4 0.9-2.4 0-1-0.3-1.8-0.9-2.4 -0.6-0.6-1.3-0.9-2.1-0.9s-1.5 0.3-2.1 0.9c-0.6 0.6-0.9 1.4-0.9 2.4C228.9 17.2 229.2 18 229.8 18.6z"></path><path d="M241 21c-1 0-1.9-0.2-2.5-0.7 -0.6-0.5-1.1-1.1-1.5-1.9l1.5-0.6c0.5 1.1 1.3 1.7 2.4 1.7 0.6 0 1-0.1 1.3-0.3s0.5-0.6 0.5-0.9c0-0.6-0.4-1-1.2-1.2l-1.8-0.4c-0.6-0.2-1.1-0.4-1.6-0.8s-0.8-1-0.8-1.7c0-0.8 0.3-1.5 1.1-1.9 0.7-0.5 1.5-0.7 2.5-0.7 0.8 0 1.5 0.2 2.1 0.6 0.6 0.3 1.1 0.9 1.4 1.5l-1.5 0.6c-0.3-0.8-1.1-1.2-2-1.2 -0.5 0-0.9 0.1-1.3 0.3 -0.3 0.2-0.5 0.5-0.5 0.8 0 0.5 0.4 0.9 1.2 1.1l1.8 0.4c0.8 0.2 1.5 0.6 1.9 1 0.4 0.5 0.6 1.1 0.6 1.6 0 0.8-0.3 1.5-1 2C242.9 20.8 242 21 241 21z"></path><path d="M260 16.1l-1.5 2.4 1.2 1.6 -1.3 1 -0.9-1.2c-0.9 0.8-1.9 1.2-3.1 1.2 -1.4 0-2.5-0.5-3.4-1.4 -1-0.9-1.4-2-1.4-3.3 0-0.7 0.2-1.5 0.6-2.2 0.4-0.7 1-1.3 1.7-1.7 -0.6-0.8-1-1.5-1-2.2 0-0.8 0.3-1.5 1-2.2 0.6-0.6 1.4-0.9 2.3-0.9 0.7 0 1.4 0.2 1.9 0.7s0.9 1 1.1 1.6l-1.5 0.8c-0.3-0.9-0.8-1.4-1.5-1.4 -0.4 0-0.7 0.2-1.1 0.4 -0.2 0.2-0.4 0.6-0.4 1.1 0 0.4 0.2 0.8 0.4 1.2l4.4 5.7 1.2-1.9L260 16.1zM254.5 19.5c0.9 0 1.5-0.3 2.1-0.9l-3.7-4.9c-0.5 0.2-0.9 0.6-1.2 1.1s-0.5 1-0.5 1.5c0 0.9 0.3 1.6 1 2.2C252.9 19.3 253.6 19.5 254.5 19.5z"></path><path d="M269.3 20.8h-1.7V9.2H264V7.6h9v1.6h-3.7V20.8z"></path><path d="M273.3 12.8c0.9-0.9 2-1.4 3.3-1.4s2.4 0.5 3.3 1.4c0.9 0.9 1.3 2 1.3 3.4s-0.4 2.5-1.3 3.4c-0.9 0.9-2 1.4-3.3 1.4s-2.4-0.5-3.3-1.4c-0.9-0.9-1.3-2-1.3-3.4S272.4 13.7 273.3 12.8zM274.6 18.6c0.6 0.6 1.3 0.9 2.1 0.9s1.5-0.3 2.1-0.9c0.6-0.6 0.9-1.4 0.9-2.4 0-1-0.3-1.8-0.9-2.4 -0.6-0.6-1.3-0.9-2.1-0.9s-1.5 0.3-2.1 0.9c-0.6 0.6-0.9 1.4-0.9 2.4S274 18 274.6 18.6z"></path><path d="M283.4 12.8c0.9-0.9 1.9-1.4 3.3-1.4 1.4 0 2.4 0.5 3.3 1.4 0.9 0.9 1.3 2 1.3 3.4s-0.4 2.5-1.3 3.4c-0.9 0.9-1.9 1.4-3.3 1.4 -1.4 0-2.4-0.5-3.3-1.4 -0.9-0.9-1.3-2-1.3-3.4C282 14.9 282.5 13.7 283.4 12.8zM284.6 18.6c0.6 0.6 1.3 0.9 2.1 0.9s1.5-0.3 2.1-0.9c0.6-0.6 0.9-1.4 0.9-2.4 0-1-0.3-1.8-0.9-2.4 -0.6-0.6-1.3-0.9-2.1-0.9s-1.5 0.3-2.1 0.9c-0.6 0.6-0.9 1.4-0.9 2.4C283.7 17.2 284.1 18 284.6 18.6z"></path><path d="M294.3 20.8h-1.7V7.6h1.7V20.8z"></path><path d="M299.3 21c-1 0-1.9-0.2-2.5-0.7 -0.6-0.5-1.1-1.1-1.5-1.9l1.5-0.6c0.5 1.1 1.3 1.7 2.4 1.7 0.6 0 1-0.1 1.3-0.3s0.5-0.6 0.5-0.9c0-0.6-0.4-1-1.2-1.2l-1.8-0.4c-0.6-0.2-1.1-0.4-1.6-0.8 -0.5-0.4-0.8-1-0.8-1.7 0-0.8 0.3-1.5 1.1-1.9 0.7-0.5 1.5-0.7 2.5-0.7 0.8 0 1.5 0.2 2.1 0.6 0.6 0.3 1.1 0.9 1.4 1.5l-1.5 0.6c-0.3-0.8-1.1-1.2-2-1.2 -0.5 0-0.9 0.1-1.3 0.3 -0.3 0.2-0.5 0.5-0.5 0.8 0 0.5 0.4 0.9 1.2 1.1l1.8 0.4c0.8 0.2 1.5 0.6 1.9 1 0.4 0.5 0.6 1.1 0.6 1.6 0 0.8-0.3 1.5-1 2C301.2 20.8 300.4 21 299.3 21z"></path></g></svg><button class="MuiButtonBase-root MuiIconButton-root" tabindex="0" type="button" title="Report an issue."><span class="MuiIconButton-label"><svg class="MuiSvgIcon-root" focusable="false" viewbox="0 0 24 24" aria-hidden="true"><path d="M20 8h-2.81c-.45-.78-1.07-1.45-1.82-1.96L17 4.41 15.59 3l-2.17 2.17C12.96 5.06 12.49 5 12 5c-.49 0-.96.06-1.41.17L8.41 3 7 4.41l1.62 1.63C7.88 6.55 7.26 7.22 6.81 8H4v2h2.09c-.05.33-.09.66-.09 1v1H4v2h2v1c0 .34.04.67.09 1H4v2h2.81c1.04 1.79 2.97 3 5.19 3s4.15-1.21 5.19-3H20v-2h-2.09c.05-.33.09-.66.09-1v-1h2v-2h-2v-1c0-.34-.04-.67-.09-1H20V8zm-6 8h-4v-2h4v2zm0-4h-4v-2h4v2z"></path></svg></span></button></div><h1 class="MuiTypography-root MuiTypography-h1">Discover the Google Analytics platform</h1></header><div class="jss7"><section class="jss8"><div data-gatsby-image-wrapper="" class="gatsby-image-wrapper gatsby-image-wrapper-constrained jss38"><div style="max-width:1200px;display:block"><img alt="" role="presentation" aria-hidden="true" src="data:image/svg+xml;charset=utf-8,%3Csvg height='545' width='1200' xmlns='http://www.w3.org/2000/svg' version='1.1'%3E%3C/svg%3E" style="max-width:100%;display:block;position:static"/></div><div aria-hidden="true" data-placeholder-image="" style="opacity:1;transition:opacity 500ms linear;background-color:#080808;position:absolute;top:0;left:0;bottom:0;right:0"></div><picture><source type="image/webp" data-srcset="/web/20221204042714im_/https://ga-dev-tools.web.app/static/260cdcf7cc2361e5f59657046993dd80/c726a/google-analytics-partners-2x.webp 300w, /web/20221204042714im_/https://ga-dev-tools.web.app/static/260cdcf7cc2361e5f59657046993dd80/5e9e6/google-analytics-partners-2x.webp 600w, /web/20221204042714im_/https://ga-dev-tools.web.app/static/260cdcf7cc2361e5f59657046993dd80/40aa6/google-analytics-partners-2x.webp 1200w" sizes="(min-width: 1200px) 1200px, 100vw"/><img data-gatsby-image-ssr="" data-main-image="" style="opacity:0" sizes="(min-width: 1200px) 1200px, 100vw" decoding="async" loading="lazy" data-src="/static/260cdcf7cc2361e5f59657046993dd80/01983/google-analytics-partners-2x.png" data-srcset="/web/20221204042714im_/https://ga-dev-tools.web.app/static/260cdcf7cc2361e5f59657046993dd80/3d2c5/google-analytics-partners-2x.png 300w, /web/20221204042714im_/https://ga-dev-tools.web.app/static/260cdcf7cc2361e5f59657046993dd80/2d7f2/google-analytics-partners-2x.png 600w, /web/20221204042714im_/https://ga-dev-tools.web.app/static/260cdcf7cc2361e5f59657046993dd80/01983/google-analytics-partners-2x.png 1200w" alt="GA partners logo"/></picture><noscript><picture><source type="image/webp" srcset="/web/20221204042714im_/https://ga-dev-tools.web.app/static/260cdcf7cc2361e5f59657046993dd80/c726a/google-analytics-partners-2x.webp 300w, /web/20221204042714im_/https://ga-dev-tools.web.app/static/260cdcf7cc2361e5f59657046993dd80/5e9e6/google-analytics-partners-2x.webp 600w, /web/20221204042714im_/https://ga-dev-tools.web.app/static/260cdcf7cc2361e5f59657046993dd80/40aa6/google-analytics-partners-2x.webp 1200w" sizes="(min-width: 1200px) 1200px, 100vw"/><img data-gatsby-image-ssr="" data-main-image="" style="opacity:0" sizes="(min-width: 1200px) 1200px, 100vw" decoding="async" loading="lazy" src="/web/20221204042714im_/https://ga-dev-tools.web.app/static/260cdcf7cc2361e5f59657046993dd80/01983/google-analytics-partners-2x.png" srcset="/web/20221204042714im_/https://ga-dev-tools.web.app/static/260cdcf7cc2361e5f59657046993dd80/3d2c5/google-analytics-partners-2x.png 300w, /web/20221204042714im_/https://ga-dev-tools.web.app/static/260cdcf7cc2361e5f59657046993dd80/2d7f2/google-analytics-partners-2x.png 600w, /web/20221204042714im_/https://ga-dev-tools.web.app/static/260cdcf7cc2361e5f59657046993dd80/01983/google-analytics-partners-2x.png 1200w" alt="GA partners logo"/></picture></noscript><script type="module">const t="undefined"!=typeof HTMLImageElement&&"loading"in HTMLImageElement.prototype;if(t){const t=document.querySelectorAll("img[data-main-image]");for(let e of t){e.dataset.src&&(e.setAttribute("src",e.dataset.src),e.removeAttribute("data-src")),e.dataset.srcset&&(e.setAttribute("srcset",e.dataset.srcset),e.removeAttribute("data-srcset"));const t=e.parentNode.querySelectorAll("source[data-srcset]");for(let e of t)e.setAttribute("srcset",e.dataset.srcset),e.removeAttribute("data-srcset");e.complete&&(e.style.opacity=1)}}</script></div><h2 class="MuiTypography-root MuiTypography-h2" id="about">About This Site</h2><p class="MuiTypography-root MuiTypography-body1"><b>Google Analytics Demos & Tools</b> is a resource for users and developers to discover what's possible with the Google Analytics Platform. Learn how to implement GA and applications that can be built to take advantage of the flexibility and power of Google Analytics.</p><p class="MuiTypography-root MuiTypography-body1">The code for this entire site is open source and <a class="jss39" href="http://web.archive.org/web/20221204042714/https://github.com/googleanalytics/ga-dev-tools" target="_blank" rel="noreferrer" title="">available on GitHub<svg class="MuiSvgIcon-root jss40 MuiSvgIcon-colorAction MuiSvgIcon-fontSizeInherit" focusable="false" viewbox="0 0 24 24" aria-hidden="true"><path d="M19 19H5V5h7V3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2v-7h-2v7zM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7z"></path></svg></a>. We encourage you to take a look if you'd like to see how anything is done.</p><h3 class="MuiTypography-root MuiTypography-h3">Support for UA & GA4</h3><p class="MuiTypography-root MuiTypography-body1">There is support for both Universal Analytics (UA) and Google Analytics 4 (GA4). Click the toggle in the nav bar to switch between the UA and GA4 versions of the site.</p><h3 class="MuiTypography-root MuiTypography-h3">Demos</h3><p class="MuiTypography-root MuiTypography-body1">Live demos to help you learn about Google Analytics features.</p><ul class="MuiTypography-root MuiTypography-body1"><li>Working demos with actual data sent to Google Analytics.</li><li> Use these demos as a reference for your own implementation.</li><li>Interactive elements that provide implementation code snippets.</li></ul><h3 class="MuiTypography-root MuiTypography-h3">Tools</h3><p class="MuiTypography-root MuiTypography-body1">Tools to showcase how Google Analytics can be extendend with custom solutions.</p><ul class="MuiTypography-root MuiTypography-body1"><li>Tools are targeted at real-world use cases and solutions.</li><li>Access advanced Google Analytics features without writing any code.</li><li>All publicly available technologies are used. Nothing proprietary.</li></ul><h2 class="MuiTypography-root MuiTypography-h2" id="help">Help & Feedback</h2><h3 class="MuiTypography-root MuiTypography-h3">For this site</h3><ul class="MuiTypography-root MuiTypography-body1"><li>You may report bugs by <a class="jss39" href="http://web.archive.org/web/20221204042714/https://github.com/googleanalytics/ga-dev-tools/issues/new?assignees=&labels=&template=bug_report.md&title=" target="_blank" rel="noreferrer" title="">submitting an issue<svg class="MuiSvgIcon-root jss40 MuiSvgIcon-colorAction MuiSvgIcon-fontSizeInherit" focusable="false" viewbox="0 0 24 24" aria-hidden="true"><path d="M19 19H5V5h7V3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2v-7h-2v7zM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7z"></path></svg></a> on GitHub.</li><li>You may also use GitHub to <a class="jss39" href="http://web.archive.org/web/20221204042714/https://github.com/googleanalytics/ga-dev-tools/issues/new?assignees=&labels=&template=feature_request.md&title=" target="_blank" rel="noreferrer" title="">request a new demo or tool<svg class="MuiSvgIcon-root jss40 MuiSvgIcon-colorAction MuiSvgIcon-fontSizeInherit" focusable="false" viewbox="0 0 24 24" aria-hidden="true"><path d="M19 19H5V5h7V3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2v-7h-2v7zM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7z"></path></svg></a>.</li></ul><h3 class="MuiTypography-root MuiTypography-h3">For the Google Analytics platform</h3><ul class="MuiTypography-root MuiTypography-body1"><li>Documentation for all Google Analytics API, libraries and SDKs can be found on <a class="jss39" href="http://web.archive.org/web/20221204042714/http://developers.google.com/analytics" target="_blank" rel="noreferrer" title="">Google Analytics Developers<svg class="MuiSvgIcon-root jss40 MuiSvgIcon-colorAction MuiSvgIcon-fontSizeInherit" focusable="false" viewbox="0 0 24 24" aria-hidden="true"><path d="M19 19H5V5h7V3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2v-7h-2v7zM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7z"></path></svg></a>.</li><li>If you have questions, please refer to the <a class="jss39" href="http://web.archive.org/web/20221204042714/http://developers.google.com/analytics/help/" target="_blank" rel="noreferrer" title="">getting help<svg class="MuiSvgIcon-root jss40 MuiSvgIcon-colorAction MuiSvgIcon-fontSizeInherit" focusable="false" viewbox="0 0 24 24" aria-hidden="true"><path d="M19 19H5V5h7V3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2v-7h-2v7zM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7z"></path></svg></a> section of the developers site to find the best place to get your questions answered.</li></ul></section></div><div class="jss32"></div><footer class="jss1"><a href="http://web.archive.org/web/20221204042714/https://policies.google.com/terms">Terms of service</a><a href="http://web.archive.org/web/20221204042714/https://policies.google.com/privacy">Privacy policy</a><button class="MuiButtonBase-root MuiIconButton-root" tabindex="0" type="button" title="Report an issue."><span class="MuiIconButton-label"><svg class="MuiSvgIcon-root" focusable="false" viewbox="0 0 24 24" aria-hidden="true"><path d="M20 8h-2.81c-.45-.78-1.07-1.45-1.82-1.96L17 4.41 15.59 3l-2.17 2.17C12.96 5.06 12.49 5 12 5c-.49 0-.96.06-1.41.17L8.41 3 7 4.41l1.62 1.63C7.88 6.55 7.26 7.22 6.81 8H4v2h2.09c-.05.33-.09.66-.09 1v1H4v2h2v1c0 .34.04.67.09 1H4v2h2.81c1.04 1.79 2.97 3 5.19 3s4.15-1.21 5.19-3H20v-2h-2.09c.05-.33.09-.66.09-1v-1h2v-2h-2v-1c0-.34-.04-.67-.09-1H20V8zm-6 8h-4v-2h4v2zm0-4h-4v-2h4v2z"></path></svg></span></button></footer></main></div></div><div id="gatsby-announcer" style="position:absolute;top:0;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0" aria-live="assertive" aria-atomic="true"></div></div><script id="gatsby-script-loader">/*<![CDATA[*/window.pagePath="/";/*]]>*/</script><script id="gatsby-chunk-mapping">/*<![CDATA[*/window.___chunkMapping={"polyfill":["/polyfill-84c68858d40e9180c4d9.js"],"app":["/app-35e623018cf2020966ff.js"],"component---src-components-dimensions-metrics-explorer-group-info-template-tsx":["/component---src-components-dimensions-metrics-explorer-group-info-template-tsx-3d63162aa0ed6974f2bb.js"],"component---src-pages-404-tsx":["/component---src-pages-404-tsx-f97f11663d2c3e981219.js"],"component---src-pages-account-explorer-tsx":["/component---src-pages-account-explorer-tsx-cd396c25aaad910724e3.js"],"component---src-pages-bitly-auth-tsx":["/component---src-pages-bitly-auth-tsx-691d3838d399f7e08303.js"],"component---src-pages-campaign-url-builder-index-tsx":["/component---src-pages-campaign-url-builder-index-tsx-7e0720ed09c379219f75.js"],"component---src-pages-campaign-url-builder-ios-tsx":["/component---src-pages-campaign-url-builder-ios-tsx-9d7a36e2a564991cbc87.js"],"component---src-pages-campaign-url-builder-play-tsx":["/component---src-pages-campaign-url-builder-play-tsx-908345888a06c0fd3587.js"],"component---src-pages-dimensions-metrics-explorer-tsx":["/component---src-pages-dimensions-metrics-explorer-tsx-d1e5affab77af606469c.js"],"component---src-pages-enhanced-ecommerce-tsx":["/component---src-pages-enhanced-ecommerce-tsx-1a21b0ae5c71e2e1b3ae.js"],"component---src-pages-ga-4-campaign-url-builder-index-tsx":["/component---src-pages-ga-4-campaign-url-builder-index-tsx-852cb4b5a515e8458387.js"],"component---src-pages-ga-4-campaign-url-builder-play-tsx":["/component---src-pages-ga-4-campaign-url-builder-play-tsx-adf34a2677431a0d319f.js"],"component---src-pages-ga-4-dimensions-metrics-explorer-tsx":["/component---src-pages-ga-4-dimensions-metrics-explorer-tsx-cf26283decd875a1d9e2.js"],"component---src-pages-ga-4-event-builder-tsx":["/component---src-pages-ga-4-event-builder-tsx-07b580b169f1ddca1b16.js"],"component---src-pages-ga-4-index-tsx":["/component---src-pages-ga-4-index-tsx-7f1a83b6b00769e627a8.js"],"component---src-pages-ga-4-query-explorer-tsx":["/component---src-pages-ga-4-query-explorer-tsx-8307fcafdcd0a389fa73.js"],"component---src-pages-hit-builder-tsx":["/component---src-pages-hit-builder-tsx-a63f8e8db6e0cc55b421.js"],"component---src-pages-index-tsx":["/component---src-pages-index-tsx-d42681d2b8f6cc8324f1.js"],"component---src-pages-query-explorer-tsx":["/component---src-pages-query-explorer-tsx-7c241927b08f0ba253b4.js"],"component---src-pages-request-composer-cohort-tsx":["/component---src-pages-request-composer-cohort-tsx-2014a99a69b7ee76b434.js"],"component---src-pages-request-composer-index-tsx":["/component---src-pages-request-composer-index-tsx-a5426b0d6dc6e25ad5f7.js"],"component---src-pages-request-composer-metric-expression-tsx":["/component---src-pages-request-composer-metric-expression-tsx-49b8792ae420fa867941.js"],"component---src-pages-request-composer-pivot-tsx":["/component---src-pages-request-composer-pivot-tsx-4c47ade98f9c620f0b46.js"],"component---src-pages-spreadsheet-add-on-tsx":["/component---src-pages-spreadsheet-add-on-tsx-6327186a2a11ba4eb6e1.js"],"component---src-pages-tag-assistant-tsx":["/component---src-pages-tag-assistant-tsx-6988d82237c31f151a60.js"]};/*]]>*/</script><script src="/web/20221204042714js_/https://ga-dev-tools.web.app/polyfill-84c68858d40e9180c4d9.js" nomodule=""></script><script src="/web/20221204042714js_/https://ga-dev-tools.web.app/component---src-pages-index-tsx-d42681d2b8f6cc8324f1.js" async=""></script><script src="/web/20221204042714js_/https://ga-dev-tools.web.app/commons-456d01722498f89d6902.js" async=""></script><script src="/web/20221204042714js_/https://ga-dev-tools.web.app/app-35e623018cf2020966ff.js" async=""></script><script src="/web/20221204042714js_/https://ga-dev-tools.web.app/framework-4ff4b9712e3100f7b5b1.js" async=""></script><script src="/web/20221204042714js_/https://ga-dev-tools.web.app/webpack-runtime-7b921355200cbc04e76e.js" async=""></script></body></html>