CINXE.COM
Free CCPA Opt-out - TermsFeed
<!doctype html> <html lang="en"> <head> <meta charset="utf-8"/> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/> <link rel="canonical" href="https://www.termsfeed.com/ccpa-opt-out/"/> <meta name="application-name" content="TermsFeed"/> <link rel="icon" type="image/png" href="/favicon-16x16.png" sizes="16x16"/> <link rel="icon" type="image/png" href="/favicon-32x32.png" sizes="32x32"/> <link rel="icon" type="image/png" href="/favicon-96x96.png" sizes="96x96"/> <link rel="icon" type="image/png" href="/favicon-128x128.png" sizes="128x128"/> <link rel="icon" type="image/png" href="/favicon-196x196.png" sizes="196x196"/> <link rel="apple-touch-icon-precomposed" sizes="57x57" href="/apple-touch-icon-57x57.png"/> <link rel="apple-touch-icon-precomposed" sizes="60x60" href="/apple-touch-icon-60x60.png"/> <link rel="apple-touch-icon-precomposed" sizes="72x72" href="/apple-touch-icon-72x72.png"/> <link rel="apple-touch-icon-precomposed" sizes="76x76" href="/apple-touch-icon-76x76.png"/> <link rel="apple-touch-icon-precomposed" sizes="114x114" href="/apple-touch-icon-114x114.png"/> <link rel="apple-touch-icon-precomposed" sizes="120x120" href="/apple-touch-icon-120x120.png"/> <link rel="apple-touch-icon-precomposed" sizes="144x144" href="/apple-touch-icon-144x144.png"/> <link rel="apple-touch-icon-precomposed" sizes="152x152" href="/apple-touch-icon-152x152.png"/> <link rel="apple-touch-icon-precomposed" sizes="180x180" href="/apple-touch-icon-180x180.png"/> <meta name="msapplication-TileColor" content="#1a54a9"/> <meta name="msapplication-TileImage" content="/mstile-144x144.png"/> <meta name="msapplication-square70x70logo" content="/mstile-70x70.png"/> <meta name="msapplication-square150x150logo" content="/mstile-150x150.png"/> <meta name="msapplication-square310x310logo" content="/mstile-310x310.png"/> <meta name="msapplication-wide310x150logo" content="/mstile-310x150.png"/> <meta name="theme-color" content="#ffffff"/> <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#1a54a9"/> <link rel="manifest" href="/site.webmanifest"/> <meta http-equiv="X-UA-Compatible" content="IE=edge"/> <style type="text/css"> :where(body, iframe, pre, img, svg, video, canvas, select) { max-width: 100%; height: auto; overflow: auto; word-break: break-word; } #wrap { display: none; } .placeholder-container { width: 100%; position: absolute; top: 0; left: 0; } .placeholder { width: 100%; margin: 0 auto; padding: 0; box-sizing: border-box; max-width: 1080px; } .placeholder-header { position: relative; width: 100%; display: flex; padding: 26px 0 50px; } .placeholder-logo { width: 160px; height: 34px; } .placeholder-logo span { display: inline-block; width: 160px; height: 34px; border-radius: 4px; background-color: #F0F1F5; } .placeholder-menu { flex: 1; padding-top: 7px; text-align: right; } .placeholder-menu-item { display: inline-block; width: 70px; height: 12px; background-color: #F0F1F5; border-radius: 4px; margin-left: 20px; } .placeholder-content { padding-top: 40px; } .placeholder-hamburger-icon { display: none; } .placeholder-line-one { display: block; width: 100%; height: 17px; border-radius: 4px; margin-bottom: 22px; } .placeholder-line-two { display: block; width: 80%; height: 17px; border-radius: 4px; margin-bottom: 22px; } .placeholder-line-three { display: block; width: 60%; height: 17px; border-radius: 4px; } .placeholder-line-one, .placeholder-line-two, .placeholder-line-three { background-color: #F0F1F5; background-image: linear-gradient(to right, rgba(240, 241, 245, 1) 33%, rgba(255, 255, 255, 1) 50%, rgba(240, 241, 245, 1) 66%); background-size: 300% 100%; } @media (max-width: 982px) { .placeholder { width: 90%; } .placeholder-menu-item { display: none; } .placeholder-menu { padding-top: 0; } .placeholder-hamburger-icon, .placeholder-hamburger-icon:before, .placeholder-hamburger-icon:after { display: block; position: absolute; right: 0; height: 30px; width: 50px; background: #F0F1F5; content: ''; cursor: pointer; border-radius: 4px; } .placeholder-hamburger-icon:before { top: -8px; } .placeholder-hamburger-icon:after { bottom: -8px; } } </style> <meta property="og:title" content="TermsFeed CCPA Opt-out"/> <meta property="og:image" content="https://www.termsfeed.com/public/images/meta-og-image-ccpa-opt-out.png"/> <title>Free CCPA Opt-out - TermsFeed</title> </head> <body> <div class="placeholder-container"> <div class="placeholder"> <div class="placeholder-header"> <div class="placeholder-logo"> <span></span> </div> <div class="placeholder-menu"> <span class="placeholder-menu-item"></span> <span class="placeholder-menu-item"></span> <span class="placeholder-menu-item"></span> <span class="placeholder-menu-item"></span> <span class="placeholder-menu-item"></span> <span class="placeholder-menu-item"></span> <span class="placeholder-menu-item"></span> <span class="placeholder-hamburger-icon"></span> </div> </div> <div class="placeholder-content"> <div class="placeholder-line-one"></div> <div class="placeholder-line-two"></div> <div class="placeholder-line-three"></div> </div> <div class="placeholder-content"> <div class="placeholder-line-one"></div> <div class="placeholder-line-two"></div> <div class="placeholder-line-three"></div> </div> </div> </div> <div id="wrap"> <div class="container"> <header id="header" class="is-sticky"> <div class="wrapper flex-row justify-content-between align-items-center"> <div class="header-logo"> <a class="header-logo-link" href="/" title="TermsFeed"> <img src="/public/images/logo.svg" class="header-logo-image" alt="TermsFeed" loading="lazy" decoding="async" fetchpriority="low" width="160" height="34" data-purpose="content" /> </a> </div> <nav class="header-menu"> <div id="menuToggle"> <span></span> <span></span> <span></span> </div> <div class="header-menu-content"> <div class="toggleable-container"> <p class="list-title toggle-action-container"> <a href="#"> <span> Products </span> </a> </p> <div class="dropdown-container"> <div class="wrapper"> <div class="list-container toggleable-content flex-row three-columns"> <div class="flex-item"> <a class="card" href="/privacy-policy-generator/" title="Privacy Policy Generator"><img src="/public/images/icon-termsfeed-privacy-policy-generator.svg" alt="Privacy Policy Generator" loading="lazy" decoding="async" fetchpriority="low" width="48" height="32" data-purpose="content" /> Privacy Policy Generator</a> </div> <div class="flex-item"> <a class="card" href="/terms-conditions-generator/" title="Terms and Conditions Generator"><img src="/public/images/icon-termsfeed-terms-conditions-generator.svg" alt="Terms and Conditions Generator" loading="lazy" decoding="async" fetchpriority="low" width="48" height="32" data-purpose="content" /> Terms and Conditions Generator</a> </div> <div class="flex-item"> <a class="card" href="/privacy-consent/" title="Privacy Consent"><img src="/public/images/icon-termsfeed-privacy-consent.svg" alt="Privacy Consent" loading="lazy" decoding="async" fetchpriority="low" width="48" height="32" data-purpose="content" /> Privacy Consent (Cookie Consent)</a> </div> <div class="flex-item"> <a class="card" href="/cookies-policy-generator/" title="Cookies Policy Generator"><img src="/public/images/icon-termsfeed-cookies-policy-generator.svg" alt="Cookies Policy Generator" loading="lazy" decoding="async" fetchpriority="low" width="48" height="32" data-purpose="content" /> Cookies Policy Generator</a> </div> <div class="flex-item"> <a class="card" href="/disclaimer-generator/" title="Disclaimer Generator"><img src="/public/images/icon-termsfeed-disclaimer-generator.svg" alt="Disclaimer Generator" loading="lazy" decoding="async" fetchpriority="low" width="48" height="32" data-purpose="content" /> Disclaimer Generator</a> </div> <div class="flex-item"> <a class="card" href="/eula-generator/" title="EULA Generator"><img src="/public/images/icon-termsfeed-eula-generator.svg" alt="EULA Generator" loading="lazy" decoding="async" fetchpriority="low" width="48" height="32" data-purpose="content" /> EULA Generator</a> </div> <div class="flex-item"> <a class="card" href="/return-refund-policy-generator/" title="Return and Refund Policy Generator"><img src="/public/images/icon-termsfeed-return-refund-policy-generator.svg" alt="Return and Refund Policy Generator" loading="lazy" decoding="async" fetchpriority="low" width="48" height="32" data-purpose="content" /> Return and Refund Policy Generator</a> </div> <div class="flex-item"> <a class="card" href="/terms-service-generator/" title="Terms of Service Generator"><img src="/public/images/icon-termsfeed-terms-conditions-generator.svg" alt="Terms of Service Generator" loading="lazy" decoding="async" fetchpriority="low" width="48" height="32" data-purpose="content" /> Terms of Service Generator</a> </div> <div class="flex-item"> <a class="card" href="/terms-use-generator/" title="Terms of Use Generator"><img src="/public/images/icon-termsfeed-terms-conditions-generator.svg" alt="Terms of Use Generator" loading="lazy" decoding="async" fetchpriority="low" width="48" height="32" data-purpose="content" /> Terms of Use Generator</a> </div> <div class="flex-item"> <a class="card" href="/cookie-consent/" title="Cookie Consent">Cookie Consent</a> </div> <div class="flex-item"> <a class="card" href="/ccpa-opt-out/" title="CCPA Opt-out">CCPA Opt-out</a> </div> <div class="flex-item"> <a class="card" href="/i-agree-checkbox/" title="I Agree Checkbox">I Agree Checkbox</a> </div> <div class="flex-item"> <a class="card" href="/embed-consent/" title="Embed Consent">Embed Consent</a> </div> </div> </div> </div> </div> <div class="toggleable-container"> <p class="list-title toggle-action-container"> <a href="#"> <span> Templates </span> </a> </p> <div class="dropdown-container"> <div class="wrapper"> <div class="list-container toggleable-content flex-row three-columns"> <div class="flex-item"> <a class="card" href="https://www.termsfeed.com/blog/sample-privacy-policy-template/">Privacy Policy Template</a> </div> <div class="flex-item"> <a class="card" href="https://www.termsfeed.com/blog/sample-terms-and-conditions-template/">Terms & Conditions Template</a> </div> <div class="flex-item"> <a class="card" href="https://www.termsfeed.com/blog/sample-eula-template/">EULA Template</a> </div> <div class="flex-item"> <a class="card" href="https://www.termsfeed.com/blog/sample-terms-of-service-template/">Terms of Service Template</a> </div> <div class="flex-item"> <a class="card" href="https://www.termsfeed.com/blog/sample-terms-of-use-template/">Terms of Use Template</a> </div> <div class="flex-item"> <a class="card" href="https://www.termsfeed.com/blog/sample-cookies-policy-template/">Cookies Policy Template</a> </div> <div class="flex-item"> <a class="card" href="https://www.termsfeed.com/blog/sample-disclaimer-template/">Disclaimer Template</a> </div> <div class="flex-item"> <a class="card" href="https://www.termsfeed.com/blog/sample-return-policy-ecommerce-stores/">Return & Refund Policy Template</a> </div> <div class="flex-item"> <a class="card" href="https://www.termsfeed.com/blog/sample-shipping-policy-template/">Shipping Policy Template</a> </div> <div class="flex-item"> <a class="card" href="https://www.termsfeed.com/blog/sample-service-level-agreement-sla-template/">Service Level Agreement (SLA) Template</a> </div> </div> </div> </div> </div> <div class="toggleable-container"> <p class="list-title toggle-action-container"> <a href="#" title="Resources"> <span> Resources </span> </a> </p> <div class="dropdown-container"> <div class="wrapper"> <div class="list-container toggleable-content flex-row three-columns"> <div class="flex-item"> <a class="card " href="/blog/" title="Blog">Blog</a> </div> <div class="flex-item"> <a class="card " href="/help/" title="Help">Help</a> </div> <div class="flex-item"> <a class="card " href="/documentation/" title="Documentation">Documentation</a> </div> <div class="flex-item"> <a class="card " href="/faq/" title="FAQs">FAQs</a> </div> <div class="flex-item"> <a class="card " href="/videos/" title="Videos">Videos</a> </div> <div class="flex-item"> <a class="card " href="/dictionary/" title="Dictionary">Dictionary</a> </div> <div class="flex-item"> <a class="card " href="/ebooks/" title="E-books">E-books</a> </div> </div> </div> </div> </div> <div class="toggleable-container"> <p class="list-title toggle-action-container"> <a href="#"> <span> About </span> </a> </p> <div class="dropdown-container"> <div class="wrapper"> <div class="list-container toggleable-content flex-row three-columns"> <div class="flex-item"> <a class="card" href="/reviews/" title="Reviews">Reviews</a> </div> <div class="flex-item"> <a class="card" href="/how-it-works/" title="How It Works">How It Works</a> </div> <div class="flex-item"> <a class="card" href="/jobs/" title="Jobs">Jobs</a> </div> <div class="flex-item"> <a class="card" href="/contact/" title="Contact">Contact</a> </div> </div> </div> </div> </div> <div class="untoggled-content"> <div itemscope itemtype="https://schema.org/WebSite"> <meta itemprop="url" content="https://www.termsfeed.com/"/> <form class="header-search" method="post" action="/search/" itemprop="potentialAction" itemscope itemtype="https://schema.org/SearchAction"> <meta itemprop="target" content="https://www.termsfeed.com/search/{keyword}"/> <input class="header-search-input" type="search" id="headerSearchInput" name="keyword" placeholder="Search..." value="" itemprop="query-input"/> <div class="header-search-icon-container"> <label for="headerSearchInput" class="header-search-label" aria-label="Search"> Search </label> <button class="header-search-button" aria-label="Search"> Search </button> </div> </form> </div> </div> <div class="untoggled-content"> <a href="https://app.termsfeed.com/profile/login" rel="nofollow" target="_blank" class="btn btn-outline-black" title="Log In">Log In</a> </div> <div class="untoggled-content"> <a href="https://app.termsfeed.com/profile/register" rel="nofollow" target="_blank" class="btn btn-black" title="Sign Up">Sign Up</a> </div> </div> </nav> </div> </header> <main> <div class="top-gray-container"> <div class="wrapper"> <nav aria-label="Breadcrumbs"> <ol class="breadcrumbs" itemscope="" itemtype="https://schema.org/BreadcrumbList"> <li class="breadcrumb-item" itemprop="itemListElement" itemscope="" itemtype="https://schema.org/ListItem"> <a href="/" itemtype="https://schema.org/WebPage" itemprop="item" class="has-icon-arrow-right"> <span itemprop="name">Home</span> </a> <meta itemprop="position" content="1"> </li> <li class="breadcrumb-item active" aria-current="page" itemprop="itemListElement" itemscope="" itemtype="https://schema.org/ListItem"> <span itemprop="name"> CCPA Opt-out </span> <meta itemprop="position" content="2"> </li> </ol> </nav> <section class="content-page"> <h1 class="content-page-title">Free CCPA Opt-out</h1> <p class="content-page-description">Free tool to manage opt-outs for CCPA.</p> </section> <section class="content-section mb-2 pb-2"> <div class="toggleable-container"> <p class="toggle-action-container mb-1"> <span> <strong>On this page</strong> </span> </p> <div class="toggleable-content"> <div class="flex-row three-columns"> <div class="flex-item mb-0"> <ul class="list-no-style mt-0 mb-0"> <li><a href="#build_your_ccpa_opt_out">1. Build your CCPA Opt-out.</a> </li> <li><a href="#how_to_implement_ccpa_opt_out">2. How to implement CCPA Opt-out.</a> </li> <li><a href="#how_to_tag_your_javascript_scripts">3. How to tag your JavaScript scripts.</a> </li> </ul> </div> <div class="flex-item mb-0"> <ul class="list-no-style mt-0 mb-0"> <li><a href="#ccpa_opt_out_levels_categories">4. CCPA Opt-out levels and categories.</a> </li> </ul> </div> </div> </div> </div> </section> </div><!-- end .wrapper --> </div><!-- end .top-gray-container --> <div class="wrapper"> <section class="content-section" id="build_your_ccpa_opt_out"> <h2 class="content-section-title">Build your CCPA Opt-out.</h2> <p class="content-section-description">Customize your CCPA Opt-out tool in 3 easy steps.</p> <div class="flex-row two-columns"> <div class="flex-item"> <div class="accordion has-card-style"> <div class="accordion-item toggleable-container active step1 mb-1"> <div class="accordion-header toggle-action-container"> <h3 class="accordion-title"> <a href="#" class="accordion-button"> Customize your CCPA Opt-out </a> </h3> </div> <div class="accordion-body"> <div class="form-group banner-notice-style"> <label class="mb-1" for="notice_banner"><strong>Pick a style for your notice banner</strong></label> <div class="flex-row three-columns"> <div class="flex-item"> <div class="label-selectable-w-icons card"> <input class="ccpa-opt-out-builder-element" type="radio" name="banner_style" id="banner_style_notice" data-config-id="banner_style" value="notice" checked> <label for="banner_style_notice"><strong>Notice</strong></label> </div> </div> <div class="flex-item"> <div class="label-selectable-w-icons card"> <input class="ccpa-opt-out-builder-element" type="radio" name="banner_style" id="banner_style_top" data-config-id="banner_style" value="top"> <label for="banner_style_top"><strong>Top</strong></label> </div> </div> <div class="flex-item"> <div class="label-selectable-w-icons card"> <input class="ccpa-opt-out-builder-element" type="radio" name="banner_style" id="banner_style_bottom" data-config-id="banner_style" value="bottom"> <label for="banner_style_bottom"><strong>Bottom</strong></label> </div> </div> </div> </div> <div class="form-group palette"> <label class="mb-1" for="banner_color_palette"><strong>Choose a color palette to match your website</strong></label> <div class="flex-row two-columns"> <div class="flex-item"> <div class="label-selectable-w-icons card"> <input type="radio" id="banner_color_palette_light" name="banner_color_palette" value="light" class="ccpa-opt-out-builder-element" data-config-id="banner_color_palette"> <label for="banner_color_palette_light"> <span class="builder-icons palette-light"></span> <strong>Light</strong> </label> </div> </div> <div class="flex-item"> <div class="label-selectable-w-icons card"> <input type="radio" id="banner_color_palette_dark" name="banner_color_palette" value="dark" class="ccpa-opt-out-builder-element" data-config-id="banner_color_palette" checked> <label for="banner_color_palette_dark"> <span class="builder-icons palette-dark"></span> <strong>Dark</strong> </label> </div> </div> </div> </div> </div> </div> <div class="accordion-item toggleable-container step2 mb-1"> <div class="accordion-header toggle-action-container"> <h3 class="accordion-title"> <a href="#" class="accordion-button"> Settings for your CCPA Opt-out </a> </h3> </div> <div class="accordion-body"> <div class="form-group mb-2"> <label class="mb-1" for="banner_title"><strong>Banner title</strong></label> <input type="text" class="ccpa-opt-out-builder-element mb-1" id="banner_title" value="Do Not Sell My Information"/> <p>We recommend not changing the title as CCPA may require this specific text, ie. Do Not Sell My Personal Information.</p> </div> <div class="form-group mb-2"> <label class="mb-1" for="banner_description"><strong>Banner title</strong></label> <textarea class="ccpa-opt-out-builder-element" id="banner_description" rows="3">Turning this off will opt you out of personalized advertisements on this website.</textarea> </div> <div class="form-group mb-2"> <label class="mb-1" for="banner_category_label"><strong>Banner category label</strong></label> <input type="text" class="form-input ccpa-opt-out-builder-element" id="banner_category_label" value="Personalized Advertisements"/> </div> <div class="form-group mb-2"> <label class="mb-1" for="banner_category_status_opted_out"><strong>Banner category status "Opted Out" text</strong></label> <input type="text" class="ccpa-opt-out-builder-element" id="banner_category_status_opted_out" value="Opted Out"/> </div> <div class="form-group mb-2"> <label class="mb-1" for="banner_category_status_not_opted_out"><strong>Banner category status "Not Opted Out" text</strong></label> <input type="text" class="ccpa-opt-out-builder-element" id="banner_category_status_not_opted_out" value="Not Opted Out"/> </div> <div class="form-group mb-2"> <label class="mb-1" for="banner_confirmation_button"><strong>Banner save button text</strong></label> <input type="text" class="ccpa-opt-out-builder-element" id="banner_confirmation_button" value="Save Preference"/> </div> <div class="form-group mb-2"> <label class="mb-1" for="banner_close_button"><strong>Banner close button text</strong></label> <input type="text" class="ccpa-opt-out-builder-element" id="banner_close_button" value="Close"/> </div> <div class="form-group"> <label class="mb-1" for="loads_on_page_load_for_new_users"><strong>Show the banner at page load?</strong></label> <select class="mb-1 ccpa-opt-out-builder-element" id="loads_on_page_load_for_new_users" name="loads_on_page_load_for_new_users"> <option value="true" selected>Yes</option> <option value="false">No</option> </select> <p>Instead of loading the banner at every page load you can load it only when the user clicks the Change My Preferences button.</p> </div> </div> </div> <div class="accordion-item toggleable-container active step3"> <div class="accordion-header toggle-action-container"> <h3 class="accordion-title"> <a href="#" class="accordion-button"> Copy your CCPA Opt-out code </a> </h3> </div> <div class="accordion-body"> <p class="mb-2">Copy your CCPA Opt-out code below and begin to adjust your JavaScript scripts accordingly.</p> <p>Place the code right after <code><body></code>.</p> <div class="mt-1"> <textarea class="mb-1" readonly name="user_code" id="user_code" cols="90" rows="15"></textarea> <button type="button" id="user-code-copy-button" data-clipboard-target="#user_code" class="btn btn-primary"> <span>Copy to clipboard</span> </button> </div> </div> </div> </div> </div> <div class="flex-item"> <div class="is-sticky"> <div class="browser-live-preview"> <div class="top"> <strong>Live Preview</strong> <div class="circles"> <span class="first"></span> <span class="second"></span> <span class="third"></span> </div> </div> <div class="body"> <div id="demo_zone"> <iframe frameborder="0" width="100%" height="500"></iframe> </div> </div> </div> </div> </div> </div> </section> <main> <article> <section class="content-section" id="how_to_implement_ccpa_opt_out"> <h2 class="content-section-title">How to implement CCPA Opt-out.</h2> <p><strong>Instructions</strong></p> <ol> <li> <p>Customize the CCPA Opt-out script.</p> </li> <li> <p>Place the code right after <code><body></code>.</p> </li> <li> <p>For any <code><script></code> element you want to toggle through the CCPA Opt-out tool, change the <code>type="text/javascript"</code> parameter to <code>type="text/plain"</code>.</p> </li> </ol> </section> <section class="content-section" id="how_to_tag_your_javascript_scripts"> <h2 class="content-section-title">How to tag your JavaScript scripts.</h2> <p><strong>Adjust your JavaScript scripts</strong></p> <p>Under CCPA, serving personalized ads may be considered a "sale". The CCPA Opt-out by TermsFeed solution can be used to help your website visitors opt-out of any personalized ads that you serve on your website through third-party JavaScript scripts, such as Google Ads and others.</p> <p>However, it's still up to you to make sure that you respect the user choices and that you provide users with an opt-out mechanism, as defined by CCPA, for anything that can be considered a "sale" of personal information.</p> <p><strong>Example</strong></p> <p>Let's take the JavaScript code of Google Analytics. With the CCPA Opt-out by TermsFeed, you can enable or disable the Google Analytics tracking code based on what a user specific privacy preferences is: load it (not oped-out) or not load it (opted-out).</p> <p>To do that:</p> <ol> <li> <p>Organize your different JavaScript scripts into separate <code><script></code> elements.</p> </li> <li> <p>For any <code><script></code> element you want to toggle through the CCPA Opt-out tool, change the <code>type="text/javascript"</code> parameter to <code>type="text/plain"</code>.</p> </li> <li> <p>Then, add a <code>ccpa-opt-out="personalized-ads"</code> attribute to each script.</p> </li> </ol> <br/> <div class="card"> <p><!-- Google Tracking Code --></p> <p><script <strong><u>type="text/plain" ccpa-opt-out="personalized-ads"</u></strong>> (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNod e.insertBefore(a,m) })(window,document,'script','//www.google-analytics.com/analytics.js','ga'); ga('create', /* Google Property ID */, 'auto'); ga('send', 'pageview');</p> <p class="mb-0"></script></p> </div> </section> <section class="content-section" id="ccpa_opt_out_levels_categories"> <h2 class="content-section-title">CCPA Opt-out levels and categories.</h2> <p>The current version of the CCPA Opt-out solution has the following levels available:</p> <ol> <li> <p><strong>Personalized Ads</strong></p> <p>Third-party JavaScript scripts that may serve personalized ads to website visitors.</p> <p><code><script type="text/plain" ccpa-opt-out="personalized-ads"></script></code></p> </li> </ol> </section> </article> </main> </div> </main> <footer id="footer"> <div class="flex-row justify-content-center"> <div class="wrapper"> <div class="top"> <div class="promo-card has-product-icons-gray"> <div class="content"> <h3>Legal compliance is now a <mark>breeze.</mark></h3> <p>Comply with the law with our agreements, policies, tools and cookie consent banners. Everything you need is included.</p> <p><a href="https://app.termsfeed.com/profile/register" rel="nofollow" target="_blank" class="btn btn-black">Sign Up</a></p> </div> </div> </div> <div class="middle flex-row four-columns"> <div class="flex-item mb-0"> <div class="toggleable-container"> <p class="list-title toggle-action-container"> <span> Products </span> </p> <ul class="list-container toggleable-content"> <li> <a href="/privacy-policy-generator/" title="Privacy Policy Generator">Privacy Policy Generator</a> </li> <li> <a href="/terms-conditions-generator/" title="Terms and Conditions Generator">Terms and Conditions Generator</a> </li> <li> <a href="/cookies-policy-generator/" title="Cookies Policy Generator">Cookies Policy Generator</a> </li> <li> <a href="/disclaimer-generator/" title="Disclaimer Generator">Disclaimer Generator</a> </li> <li> <a href="/eula-generator/" title="EULA Generator">EULA Generator</a> </li> <li> <a href="/return-refund-policy-generator/" title="Return and Refund Policy Generator">Return and Refund Policy Generator</a> </li> <li> <a href="/terms-service-generator/" title="Terms of Service Generator">Terms of Service Generator</a> </li> <li> <a href="/terms-use-generator/" title="Terms of Use Generator">Terms of Use Generator</a> </li> <li> <a href="/privacy-consent/" title="Privacy Consent">Privacy Consent</a> </li> <li> <a href="/cookie-consent/" title="Cookie Consent">Cookie Consent</a> </li> <li> <a href="/ccpa-opt-out/" title="CCPA Opt-out">CCPA Opt-out</a> </li> <li> <a href="/i-agree-checkbox/" title="I Agree Checkbox">I Agree Checkbox</a> </li> <li> <a href="/embed-consent/" titlte="Embed Consent">Embed Consent</a> </li> </ul> </div> </div> <div class="flex-item mb-0"> <div class="toggleable-container"> <p class="list-title toggle-action-container"> <span> Templates </span> </p> <ul class="list-container toggleable-content"> <li> <a href="https://www.termsfeed.com/blog/sample-privacy-policy-template/">Privacy Policy Template</a> </li> <li> <a href="https://www.termsfeed.com/blog/sample-terms-and-conditions-template/">Terms & Conditions Template</a> </li> <li> <a href="https://www.termsfeed.com/blog/sample-eula-template/">EULA Template</a> </li> <li> <a href="https://www.termsfeed.com/blog/sample-terms-of-service-template/">Terms of Service Template</a> </li> <li> <a href="https://www.termsfeed.com/blog/sample-terms-of-use-template/">Terms of Use Template</a> </li> <li> <a href="https://www.termsfeed.com/blog/sample-cookies-policy-template/">Cookies Policy Template</a> </li> <li> <a href="https://www.termsfeed.com/blog/sample-disclaimer-template/">Disclaimer Template</a> </li> <li> <a href="https://www.termsfeed.com/blog/sample-return-policy-ecommerce-stores/">Return & Refund Policy Template</a> </li> <li> <a href="https://www.termsfeed.com/blog/sample-shipping-policy-template/">Shipping Policy Template</a> </li> <li> <a href="https://www.termsfeed.com/blog/sample-service-level-agreement-sla-template/">Service Level Agreement (SLA) Template</a> </li> </ul> </div> </div> <div class="flex-item mb-0"> <div class="toggleable-container"> <p class="list-title toggle-action-container"> <span> Resources </span> </p> <ul class="list-container toggleable-content"> <li> <a href="/blog/" class="" title="Blog">Blog</a> </li> <li> <a href="/help/" class="" title="Help">Help</a> </li> <li> <a href="/faq/" class="" title="FAQs">FAQs</a> </li> <li> <a href="/videos/" class="" title="Videos">Videos</a> </li> <li> <a href="/dictionary/" class="" title="Dictionary">Dictionary</a> </li> <li> <a href="/ebooks/" class="" title="E-books">E-books</a> </li> </ul> </div> </div> <div class="flex-item mb-0"> <div class="toggleable-container"> <p class="list-title toggle-action-container"> <span> Company </span> </p> <ul class="list-container toggleable-content"> <li> <a href="/how-it-works/" title="How It Works">How It Works</a> </li> <li> <a href="/reviews/" title="Reviews">Reviews</a> </li> <li> <a href="/about/" title="About">About</a> </li> <li> <a href="/pricing/" title="Pricing">Pricing</a> </li> <li> <a href="/jobs/" title="Jobs">Jobs</a> </li> <li> <a href="/contact/" title="Contact">Contact</a> </li> </ul> </div> </div> </div> <div class="bottom"> <div class="disclaimer"> <p> Disclaimer: Legal information is not legal advice, <a href="/legal/disclaimer/">read the disclaimer</a>. The information provided on this site is not legal advice, does not constitute a lawyer referral service, and no attorney-client or confidential relationship is or will be formed by use of the site. </p> </div> <div class="social-icons"> <p> <a href="https://www.youtube.com/@TermsFeed" rel="nofollow noopener" target="_blank" title="YouTube" aria-label="YouTube"> <img src="/public/images/icons/youtube.svg" class="icon" alt="YouTube" loading="lazy" decoding="async" fetchpriority="low" width="16" height="16" data-purpose="content" /> </a> <a href="https://twitter.com/TermsFeed" rel="nofollow noopener" target="_blank" title="Twitter" aria-label="Twitter"> <img src="/public/images/icons/twitter.svg" class="icon" alt="Twitter" loading="lazy" decoding="async" fetchpriority="low" width="16" height="16" data-purpose="content" /> </a> <a href="https://www.facebook.com/termsfeed" rel="nofollow noopener" target="_blank" title="Facebook" aria-label="Facebook"> <img src="/public/images/icons/facebook.svg" class="icon" alt="Facebook" loading="lazy" decoding="async" fetchpriority="low" width="16" height="16" data-purpose="content" /> </a> <a href="https://www.pinterest.com/termsfeed" rel="nofollow noopener" target="_blank" title="Pinterest" aria-label="Pinterest"> <img src="/public/images/icons/pinterest.svg" class="icon" alt="Pinterest" loading="lazy" decoding="async" fetchpriority="low" width="16" height="16" data-purpose="content" /> </a> </p> </div> <div class="copyright"> <p>Copyright © 2012 - 2024 TermsFeed<sup>®</sup>. All rights reserved. </p> </div> <div class="terms-lang-switch"> <ul class="terms list-inline-w-separator"> <li> <a href="/legal/privacy-policy/" title="Privacy Policy"> Privacy Policy </a> </li> <li> <a href="/legal/cookies-policy/" title="Cookies Policy"> Cookies Policy </a> </li> <li> <a href="/legal/terms-of-use/" title="Terms of Use"> Terms of Use </a> </li> </ul> </div> </div> </div> </div> </footer> <button id="back_to_top_button" title="Scroll to top" aria-label="Scroll to top"> <img src="/public/images/icon-chevron.svg" class="icon-arrow-down" alt="Scroll to top" loading="lazy" decoding="async" fetchpriority="low" data-purpose="content" /> </button> </div><!-- end #wrap .container --> </div><!-- end #wrap --> <!-- trailer start --> <div id="trailer"> <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "Organization", "name": "TermsFeed", "url": "https://www.termsfeed.com", "logo": "https://www.termsfeed.com/public/images/schema_json_ld_organization_logo.png", "email": "office@termsfeed.com", "sameAs": [ "https://twitter.com/TermsFeed", "https://www.facebook.com/termsfeed", "https://www.youtube.com/@TermsFeed", "https://www.linkedin.com/company/termsfeed/", "https://www.pinterest.com/termsfeed/", "https://github.com/termsfeed" ] } </script> <script type="text/javascript"> "use strict"; var _ENVIRONMENT = 'production'; var _LAZYLOAD_PRELOAD_IMAGE = 'https://www.termsfeed.com/public/images/loading.gif'; var _CURRENT_PAGE_TRANSLATIONS = {"cs": "", "da": "", "de": "", "el": "", "en": "/ccpa-opt-out/", "es": "", "fr": "", "it": "", "nl": "", "no": "", "pl": "", "pt": "", "sk": "", "sl": "", "sv": ""}; window.siteLanguages = ['en', '']; var _BASE_URL = 'https://www.termsfeed.com'; var _MAIN_SHOW_DELAY = 50; var _MAIN_SHOW_FORCED = 4000; var _MAIN_LOAD_DELAY = 100; var _MAIN_LOAD_FORCED = 0; var _MAIN_LOAD_FRONTEND = 0; var _MAIN_LOAD_PLAUSIBLE = 500; var _MAIN_LOAD_SHARESALE = false; _MAIN_LOAD_PLAUSIBLE = 1000; _MAIN_LOAD_SHARESALE = 1000; var LCG_TRACKING_APPLICATION = "termsfeed-website"; var LCG_TRACKING_ENVIRONMENT = _ENVIRONMENT; var LCG_TRACKING_VARIANT = 'A'; var LCG_TRACKING_EXPERIMENT = "none"; var LCG_TRACKING_EPOCH = "2023-e04"; var LCG_TRACKING_SCOPE = null; var _MAIN_LOAD_PLAUSIBLE_DOMAIN = LCG_TRACKING_APPLICATION + "--" + LCG_TRACKING_ENVIRONMENT; function _main_load_trigger() { if (_main_load_trigger_done) { return; } else { _main_load_trigger_done = true; } console.log("[main.js] loading..."); _main_script_preload("/public/web/js/main.js"); } var _main_load_trigger_done = false; function _main_show_trigger() { if (_main_show_trigger_done) { return; } else { _main_show_trigger_done = true; } console.log("[main.js] showing..."); var _element = document.createElement("style"); _element.type = "text/css"; var _style = " #wrap { display: block; } .placeholder { display: none; } "; if (_element.styleSheet) _element.styleSheet.cssText = _style; else _element.appendChild(document.createTextNode(_style)); document.getElementById("trailer").appendChild(_element); } var _main_show_trigger_done = false; function _main_script_preload(_url, _after) { var _element = document.createElement("script"); _element.setAttribute("src", _url); _element.setAttribute("type", "text/javascript"); if (_after) _element.onload = _after; document.getElementById("trailer").appendChild(_element); } function _main_script(_url) { _main_scripts_queue.push(_url); if (!_main_scripts_wait) { _main_scripts_wait = true; _main_scripts_continue_0(); } } function _main_scripts_continue() { var _script = _main_scripts_queue.shift(); if (!_script) { _main_scripts_wait = false; return; } switch (typeof (_script)) { case "string" : console.log("[main.js] loading script (from url) from queue...", _script); _main_script_preload(_script, _main_scripts_continue_0); break; case "function" : console.log("[main.js] loading script (embedded) from queue..."); _script(); _main_scripts_continue_0(); break; default : console.log("[main.js] invalid script in queue; ignoring!", _script); _main_scripts_continue_0(); break; } } function _main_scripts_continue_0() { setTimeout(_main_scripts_continue, 0); } var _main_scripts_queue = []; var _main_scripts_wait = true; var _MAIN_LOAD_FRONTEND_AFTER = _main_scripts_continue_0; if (false) { window.addEventListener("load", function () { if (_MAIN_LOAD_FRONTEND !== false) { _MAIN_LOAD_FRONTEND = 0; } if (_MAIN_LOAD_PLAUSIBLE !== false) { _MAIN_LOAD_PLAUSIBLE = 0; } if (_MAIN_LOAD_SHARESALE !== false) { _MAIN_LOAD_SHARESALE = 0; } }); } if (_MAIN_LOAD_DELAY > 0) { window.addEventListener("load", function () { setTimeout(_main_load_trigger, _MAIN_LOAD_DELAY); }); if (_MAIN_LOAD_FORCED > 0) { setTimeout(_main_load_trigger, _MAIN_LOAD_FORCED); } } else { _main_load_trigger(); } if (_MAIN_SHOW_DELAY > 0) { window.addEventListener("load", function () { setTimeout(_main_show_trigger, _MAIN_SHOW_DELAY); }); if (_MAIN_SHOW_FORCED > 0) { setTimeout(_main_show_trigger, _MAIN_SHOW_FORCED); } } else { _main_show_trigger(); } </script> <link type="text/css" rel="stylesheet" href="/public/web/css/main.css"/> <noscript> <style type="text/css"> #wrap { display: block; } .placeholder { display: none; } </style> </noscript> </div> <!-- trailer end --> <script type="text/javascript">_main_script("/public/web/js/vendors/jquery.min.js");</script> <script type="text/javascript">_main_script("/public/web/js/vendors/clipboard.min.js");</script> <script type="text/javascript">_main_script("/public/web/js/ccpa-optout-builder.min.js");</script> <script type="text/javascript"> _main_script(function () { function MyCopy() { new Clipboard('#user-code-copy-button', { text: function (trigger) { return document.getElementById('user_code').value; } }); $('#user-code-copy-button span').text("Copied!"); } $('#user-code-copy-button').on('click', function () { MyCopy(); }); $('#user_code').on('click', function () { $(this).focus(); $(this).select(); MyCopy(); }); }); </script> <link type="text/css" rel="stylesheet" href="/public/web/css/page-free-tools.css"/> </body> </html>