CINXE.COM
<!doctype html> <html lang="en" dir="ltr" class="plugin-pages plugin-id-default" data-has-hydrated="false"> <head> <meta charset="UTF-8"> <meta name="generator" content="Docusaurus v3.3.2"> <title data-rh="true">Hello from Privacy Sandbox Demos | Privacy Sandbox Demos</title><meta data-rh="true" name="viewport" content="width=device-width,initial-scale=1"><meta data-rh="true" name="twitter:card" content="summary_large_image"><meta data-rh="true" property="og:image" content="https://undefined/img/privacy-sandbox-demos.png"><meta data-rh="true" name="twitter:image" content="https://undefined/img/privacy-sandbox-demos.png"><meta data-rh="true" property="og:url" content="https://undefined/"><meta data-rh="true" property="og:locale" content="en"><meta data-rh="true" name="docusaurus_locale" content="en"><meta data-rh="true" name="docusaurus_tag" content="default"><meta data-rh="true" name="docsearch:language" content="en"><meta data-rh="true" name="docsearch:docusaurus_tag" content="default"><meta data-rh="true" property="og:title" content="Hello from Privacy Sandbox Demos | Privacy Sandbox Demos"><meta data-rh="true" name="description" content="Description will go into a meta tag in <head />"><meta data-rh="true" property="og:description" content="Description will go into a meta tag in <head />"><link data-rh="true" rel="icon" href="/img/favicon.ico"><link data-rh="true" rel="canonical" href="https://undefined/"><link data-rh="true" rel="alternate" href="https://undefined/" hreflang="en"><link data-rh="true" rel="alternate" href="https://undefined/" hreflang="x-default"><link data-rh="true" rel="preconnect" href="https://APE6MO4ILP-dsn.algolia.net" crossorigin="anonymous"><script data-rh="true">function insertBanner(){var n=document.createElement("div");n.id="__docusaurus-base-url-issue-banner-container";n.innerHTML='\n<div id="__docusaurus-base-url-issue-banner" style="border: thick solid red; background-color: rgb(255, 230, 179); margin: 20px; padding: 20px; font-size: 20px;">\n <p style="font-weight: bold; font-size: 30px;">Your Docusaurus site did not load properly.</p>\n <p>A very common reason is a wrong site <a href="https://docusaurus.io/docs/docusaurus.config.js/#baseUrl" style="font-weight: bold;">baseUrl configuration</a>.</p>\n <p>Current configured baseUrl = <span style="font-weight: bold; color: red;">/</span> (default value)</p>\n <p>We suggest trying baseUrl = <span id="__docusaurus-base-url-issue-banner-suggestion-container" style="font-weight: bold; color: green;"></span></p>\n</div>\n',document.body.prepend(n);var e=document.getElementById("__docusaurus-base-url-issue-banner-suggestion-container"),s=window.location.pathname,o="/"===s.substr(-1)?s:s+"/";e.innerHTML=o}document.addEventListener("DOMContentLoaded",(function(){void 0===window.docusaurus&&insertBanner()}))</script><link rel="search" type="application/opensearchdescription+xml" title="Privacy Sandbox Demos" href="/opensearch.xml"><link rel="stylesheet" href="/assets/css/styles.e6fd7389.css"> <script src="/assets/js/runtime~main.607199c3.js" defer="defer"></script> <script src="/assets/js/main.5d0c4792.js" defer="defer"></script> </head> <body class="navigation-with-keyboard"> <script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return localStorage.getItem("theme")}catch(t){}}();t(null!==e?e:"light")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_fXgn" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="navbar navbar--fixed-top"><div class="navbar__inner"><div class="navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/"><div class="navbar__logo"><img src="/img/logo.svg" alt="Privacy Sandbox Demos Logo" class="themedComponent_mlkZ themedComponent--light_NVdE"><img src="/img/logo.svg" alt="Privacy Sandbox Demos Logo" class="themedComponent_mlkZ themedComponent--dark_xIcU"></div><b class="navbar__title text--truncate">Privacy Sandbox Demos</b></a><a class="navbar__item navbar__link" href="/docs/intro">Explore</a></div><div class="navbar__items navbar__items--right"><a href="https://github.com/privacysandbox/privacy-sandbox-demos" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a><div class="toggle_vylO colorModeToggle_DEke"><button class="clean-btn toggleButton_gllP toggleButtonDisabled_aARS" type="button" disabled="" title="Switch between dark and light mode (currently light mode)" aria-label="Switch between dark and light mode (currently light mode)" aria-live="polite"><svg viewBox="0 0 24 24" width="24" height="24" class="lightToggleIcon_pyhR"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" class="darkToggleIcon_wfgR"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg></button></div><div class="navbarSearchContainer_Bca1"><button type="button" class="DocSearch DocSearch-Button" aria-label="Search"><span class="DocSearch-Button-Container"><svg width="20" height="20" class="DocSearch-Search-Icon" viewBox="0 0 20 20" aria-hidden="true"><path d="M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z" stroke="currentColor" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"></path></svg><span class="DocSearch-Button-Placeholder">Search</span></span><span class="DocSearch-Button-Keys"></span></button></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="main-wrapper mainWrapper_z2l0"><header class="hero hero--primary heroBanner_qdFl"><div class="container"><h1 class="hero__title">Privacy Sandbox Demos</h1><p class="hero__subtitle">A use cases demos library for Privacy Sandbox APIs.</p><div class="buttons_AeoN"><a class="button button--secondary button--lg" href="/docs/intro">Start Exploring</a></div></div></header><main><section class="features_t9lD"><div class="container"><div class="row"><div class="col col--4"><div class="text--center"><svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" id="Layer_1" x="0" y="0" viewBox="0 0 1080 1080" class="featureSvg_GfXr" role="img"><style>.st0,.st1{fill:none;stroke-width:4.3508}.st0{stroke:#4285f4;stroke-miterlimit:10}.st1{stroke:#aecbfa;stroke-linecap:round;stroke-linejoin:round}.st2{fill:#a8dab5}.st4{fill:#4285f4}.st6{fill:#34a853}</style><circle cx="550" cy="540" r="417.9" class="st0"></circle><ellipse cx="550.1" cy="540.1" class="st1" rx="174.4" ry="412.6" transform="rotate(-61.1 550.043 540.076)"></ellipse><ellipse cx="550" cy="540.1" class="st1" rx="412.6" ry="187.4" transform="rotate(-6.448 550.155 540.264)"></ellipse><ellipse cx="550" cy="540.1" class="st1" rx="162.5" ry="412.7" transform="rotate(-30.918 550.065 540.093)"></ellipse><path d="M338.4 203h-70.2c-17.6 0-31.8-14.3-31.8-31.8 0-17.6 14.3-31.8 31.8-31.8h70.2c17.6 0 31.8 14.3 31.8 31.8S356 203 338.4 203" class="st2"></path><ellipse cx="550" cy="540" class="st0" rx="417.9" ry="292.4" transform="rotate(-45.001 550.009 540.003)"></ellipse><path d="m720.5 896.9 15.1-26.1c1.2-2 3.3-3.3 5.7-3.3h104.4c2.3 0 4.5 1.2 5.6 3.3l15.1 26.1c1.2 2 1.2 4.5 0 6.5l-15.1 26.1c-1.2 2-3.3 3.3-5.6 3.3H741.2c-2.3 0-4.5-1.2-5.7-3.3l-15-26.2c-1.2-1.9-1.2-4.4 0-6.4" class="st2"></path><path d="M693.2 363.6c14.6 0 26.4 11.8 26.4 26.4v300.1c0 14.6-11.8 26.4-26.4 26.4H406.8c-14.6 0-26.4-11.8-26.4-26.4V389.9c0-14.6 11.8-26.4 26.4-26.4h286.4z" style="fill:#fff"></path><circle cx="550" cy="479.9" r="66.6" class="st4"></circle><path d="M416.8 660.7c0-26.8 16-51.1 40.6-61.6 59-25.7 126.1-25.7 185.1 0 24.7 10.5 40.6 34.8 40.6 61.6v19H416.8z" class="st4"></path><path d="M406.8 751.4h286.5c33.8-.1 61.3-27.5 61.3-61.3V389.9c-.1-33.8-27.5-61.3-61.3-61.3H406.8c-33.8.1-61.3 27.5-61.3 61.3V690c0 33.9 27.4 61.3 61.3 61.4m286.4-387.8c14.6 0 26.4 11.8 26.4 26.4v300.1c0 14.6-11.8 26.4-26.4 26.4H406.8c-14.6 0-26.4-11.8-26.4-26.4V389.9c0-14.6 11.8-26.4 26.4-26.4h286.4z" style="fill:#8ab4f8"></path><path d="M231.1 621.2v57.9c0 55.6-36.7 107-86.2 122.2-49.4-15.3-86.1-66.5-86.1-122.2v-57.9l86.2-38.3z" class="st6"></path><circle cx="867.3" cy="258.3" r="48.9" class="st6"></circle></svg></div><div class="text--center padding-horiz--md"><h3>Demonstrations of Privacy Sandbox APIs</h3><p>Examples of applications using combinations of Privacy Sandbox APIs across multiple services.</p></div></div><div class="col col--4"><div class="text--center"><svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" id="Layer_1" x="0" y="0" viewBox="0 0 1920 1080" class="featureSvg_GfXr" role="img"><style>.st2{fill:#fff}</style><path d="M445.2 320.1v70.8h79.1v-79.1c0-65.7 53-118.6 118.6-118.6 65.7 0 118.6 53 118.6 118.6v79.1H643v553.6h632.8V390.9H840.7v-79.1c0-115.5-99.3-208-217.1-197-102.8 9.9-178.4 102.1-178.4 205.3" style="fill:#eaeaea"></path><circle cx="1228.1" cy="400.8" r="105.4" style="fill:#00bb72"></circle><path d="M1267 388.7v-32.3h-100.5v86.1H1267v-32.3l28.7 28.7V360z" class="st2"></path><path d="M1267 446.5h-104.5v-90.1h8v82.1h96.5z"></path><circle cx="1294.7" cy="658.1" r="143.2" style="fill:#8ab4f8"></circle><path d="M1363.3 588.8h-135.7v135.7h135.7zm-33.9 42.4H1304v46.6c0 11.7-9.5 21.2-21.2 21.2s-21.2-9.5-21.2-21.2 9.5-21.2 21.2-21.2c4.8 0 9.2 1.6 12.7 4.3v-46.7h33.9z" class="st2"></path><path d="M1329.4 745.9h-123.2V622.7h9v114.2h114.2z"></path><circle cx="927" cy="709" r="196.8" style="fill:#4285f4"></circle><path d="m830.1 587.7-.1 242.5h194V660.5l-72.8-72.8z" class="st2"></path><path d="M1024.1 677.1h-89.4v-89.4h9v80.4h80.4z" style="fill:#231f20"></path></svg></div><div class="text--center padding-horiz--md"><h3>Walkthrough business use cases</h3><p>Showcase the major business use cases from adtech industry and more. Quickly adapt to a web ecosystem without 3rd party cookies.</p></div></div><div class="col col--4"><div class="text--center"><svg xmlns="http://www.w3.org/2000/svg" width="267" height="150" fill="none" viewBox="0 0 267 150" class="featureSvg_GfXr" role="img"><path fill="#E9E9E9" d="M94.39 101.391c-8.14-12.578-12.936-27.645-12.936-43.276V37.397l-8.422 3.737v34.973c0 33.635 22.203 64.664 52.153 73.891a65 65 0 0 0 8.567-3.326c-18.189-8.56-32.59-25.354-39.363-45.281M185.762 37.268v20.847c0 15.235-4.556 29.937-12.325 42.319-6.632 20.346-21.203 37.541-39.684 46.239A65 65 0 0 0 142.32 150c29.95-9.227 52.153-40.257 52.153-73.891V41.134z"></path><path fill="#00AC47" d="M173.436 100.435c-9.381 14.953-23.445 26.524-39.829 31.571-16.033-4.938-29.843-16.126-39.217-30.615 6.772 19.927 21.173 36.721 39.362 45.282 18.482-8.698 33.052-25.893 39.684-46.238"></path><path fill="#D7D7D7" d="M173.436 100.435c-9.381 14.953-23.445 26.524-39.829 31.571-16.033-4.938-29.843-16.126-39.217-30.615 6.772 19.927 21.173 36.721 39.362 45.282 18.482-8.698 33.052-25.893 39.684-46.238"></path><path fill="#E9E9E9" d="m133.752 21.793 8.567-3.801 43.441 19.276V23.142L133.606 0 81.453 23.142v14.254l43.732-19.404z"></path><path fill="#00AC47" d="M94.389 101.391c-2.73-8.03-4.223-16.568-4.223-25.283V41.134l43.586-19.34-8.567-3.802-43.732 19.404v20.719c0 15.63 4.796 30.696 12.936 43.276"></path><path fill="#00BF6A" d="M94.389 101.391c-2.73-8.03-4.223-16.568-4.223-25.283V41.134l43.586-19.34-8.567-3.802-43.732 19.404v20.719c0 15.63 4.796 30.696 12.936 43.276"></path><path fill="#00AC47" d="m133.753 21.793 43.586 19.34v34.974c0 8.369-1.377 16.575-3.902 24.327 7.769-12.382 12.325-27.083 12.325-42.32V37.269l-43.44-19.276z"></path><path fill="#B6E2F8" d="m133.753 21.793 43.586 19.34v34.974c0 8.369-1.377 16.575-3.902 24.327 7.769-12.382 12.325-27.083 12.325-42.32V37.269l-43.44-19.276z"></path><path fill="#2D84FA" d="M179.419 41.949v30.623c0 29.45-19.441 56.621-45.666 64.701-26.226-8.08-45.667-35.251-45.667-64.7V41.948l45.667-20.265z"></path><path stroke="#000" stroke-miterlimit="10" stroke-width="4.329" d="M131.158 124.987c-8.953-3.579-17.091-10.133-23.195-18.747-7.009-9.888-10.867-21.844-10.867-33.668v-23.09"></path></svg></div><div class="text--center padding-horiz--md"><h3>Deploy & Run anywhere</h3><p>Makes local development easy by pre configured Valid domain/certificates and Origin Trials token embedding.</p></div></div></div></div></section></main></div><footer class="footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://privacysandbox.com/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Privacy Sandbox<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://developer.chrome.com/docs/privacy-sandbox/" target="_blank" rel="noopener noreferrer" class="footer__link-item">Privacy Sandbox Developers Documentation<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li><li class="footer__item"><a href="https://blog.chromium.org/search/label/privacy%20sandbox" target="_blank" rel="noopener noreferrer" class="footer__link-item">Chromium Blog<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div><div class="col footer__col"><div class="footer__title">Contribute</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://github.com/privacysandbox/privacy-sandbox-demos" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-hidden="true" viewBox="0 0 24 24" class="iconExternalLink_nPIU"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright 漏 2024 Google, Inc.</div></div></div></footer></div> </body> </html>