CINXE.COM
Third-party cookie deprecation and its effect on SeamlessAccess - SeamlessAccess
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="x-ua-compatible" content="ie=edge"> <title>Third-party cookie deprecation and its effect on SeamlessAccess - SeamlessAccess</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="icon" href="https://seamlessaccess.org/favicon.png"> <link rel="stylesheet" href="/css/style.min.a7afcb5eb59fa2b4c18e7985ffc8c11fc0264d5d4c71689658096ea610ca2e1c.css"> </head> <body class='page page-posts-single'> <div id="main-menu-mobile" class="main-menu-mobile"> <ul> <li class="menu-item-the service"> <a href="/services/"> <span>The Service</span> </a> </li> <li class="menu-item-stakeholders"> <a href="/stakeholders/"> <span>Stakeholders</span> </a> </li> <li class="menu-item-documentation"> <a href="https://seamlessaccess.atlassian.net/wiki/spaces/DOCUMENTAT/overview"> <span>Documentation</span> </a> </li> <li class="menu-item-learning center"> <a href="/learning-center/"> <span>Learning Center</span> </a> </li> <li class="menu-item-about"> <a href="/about/"> <span>About</span> </a> </li> <li class="menu-item-blog"> <a href="/posts/"> <span>Blog</span> </a> </li> </ul> </div> <div id="wrapper" class="wrapper"> <div class='header header-absolute'> <div class="container"> <div class="logo"> <a href="https://seamlessaccess.org/"><img alt="SeamlessAccess Homepage" src="https://seamlessaccess.org/images/logo.svg" /></a> </div> <div class="logo-mobile"> <a href="https://seamlessaccess.org/"><img alt="SeamlessAccess Homepage" src="https://seamlessaccess.org/images/logo-mobile.svg" /></a> </div> <div id="main-menu" class="main-menu"> <ul> <li class="menu-item-the service"> <a href="/services/"> <span>The Service</span> </a> </li> <li class="menu-item-stakeholders"> <a href="/stakeholders/"> <span>Stakeholders</span> </a> </li> <li class="menu-item-documentation"> <a href="https://seamlessaccess.atlassian.net/wiki/spaces/DOCUMENTAT/overview"> <span>Documentation</span> </a> </li> <li class="menu-item-learning center"> <a href="/learning-center/"> <span>Learning Center</span> </a> </li> <li class="menu-item-about"> <a href="/about/"> <span>About</span> </a> </li> <li class="menu-item-blog"> <a href="/posts/"> <span>Blog</span> </a> </li> </ul> </div> <button id="toggle-main-menu-mobile" class="hamburger hamburger--slider" type="button"> <span class="hamburger-box"> <span class="hamburger-inner"></span> </span> </button> </div> </div> <div id="hero" class="hero-image hero-image-setheight" style="background-image: url('/images/hero_news.jpg')"> <div class="container"> <div class="row"> <div class="col my-auto"> <div class="sa-text"> <h1>Third-party cookie deprecation and its effect on SeamlessAccess</h1> <p><strong></strong></p> </div> </div> </div> </div> </div> </div> <div class="strip strip-white"> <div class="container pt-4 pt-md-4 pb-4 pb-md-10"> <div class="row justify-content-start"> <div class="col-12 col-lg-9"> <div class="post post-single"> <div class="content"><h1 id="third-party-cookie-deprecation-and-its-effect-on-seamlessaccess">Third-party cookie deprecation and its effect on SeamlessAccess</h1> <p><strong>Is your SeamlessAccess button acting weird? Not showing your remembered institute as you expect? This might be due to a new browser configuration setting that blocks third-party cookies. Without those cookies, the SeamlessAccess button (i.e. “Access through..”) will work differently than you might expect - but the other SeamlessAccess services (login, discovery, remembered choice on the discovery page) continue to work as before. And you can fix the button, too! (at least for now)</strong></p> <h2>What’s the situation?</h2> <p>Late October, Google released version 118 of its Chrome browser. This version enables a feature called <em>Storage Partitioning</em> by default. This feature prevents third-party cookies from being used in the traditional sense, which impacts - among many other services on the web - the SeamlessAccess button. You can read more about this specific feature in <a href="https://developer.chrome.com/en/docs/privacy-sandbox/storage-partitioning/">this post by Google</a>.</p> <p>This is a recent, and very visible, example of a broader trend with browser vendors making changes to how browser engines work in order to prevent unsanctioned tracking of users across the web - which will also impact access experiences on the scholarly web. This has been covered in several earlier SeamlessAccess presentations and blog posts (see e.g. <a href="https://seamlessaccess.org/posts/2023-07-07-fedcm-update/">this blog post from July</a> and references therein).</p> <h2>What to do about it?</h2> <p><strong>There is a temporary solution to continue third-party cookie support for Chrome users.</strong> This is said to be supported until September 2024.</p> <p>The solution is presented by Google as a set of instructions for the user and for the service provider. As a user, you can toggle off Storage Partitioning in Chrome (version 118 or higher):</p> <ul> <li>Type ‘chrome://flags/#third-party-storage-partitioning’ into your browser’s address bar (note: start with ‘chrome:', not ‘http:’ or ‘www ' as you would normally do)</li> <li><strong>Disable</strong> the “Third-party Storage Partitioning” flag.</li> </ul> <p>(More information can be found <a href="https://developer.chrome.com/en/docs/privacy-sandbox/storage-partitioning/">here</a>)</p> <p>As a service provider, you can follow <a href="https://developer.chrome.com/en/blog/storage-partitioning-deprecation-trial/">this guide</a> to enable a (temporary) solution.</p> <h2>Background</h2> <p>For a number of years, the tech industry has been targeting third-party cookies. Driven at least in part by fortified legislation around user privacy (e.g. GDPR in Europe), browser vendors are progressively working to change features that may be used to track users across the web and, in some cases, proposing their own solutions instead.</p> <p>For many years the browser highlighted how cookies are stored and used and made it possible for the user to <strong>opt out</strong> of third party cookie use. In the last couple years, several browsers have set third-party cookie support to <strong>opt in</strong>. The most recent to follow this path is Google Chrome which, in its latest build, requires the user to effectively opt in for third-party cookies to be stored and used.</p> <p>To be clear, the opt-in pattern means that the browser will not support third-party cookies unless the user explicitly configures the browser to do so. And, even for users who want their browser to support third-party cookies, this is not always an easy thing to do. To understand why all this matters to SeamlessAccess, Let’s talk about how SeamlessAccess uses these cookies to create a ‘smart’ access button.</p> <h2>The smart button - presenting an actionable option</h2> <p>SeamlessAccess is a discovery service* with extra everything: Easy to set up and start using on the service side, a standard version that’s great out of the box and support for customisation where needed, an accessible interface (WCAG 2.x) with an emphasis on user-friendly flows proven through extensive user testing.</p> <p><em>*) beyond the actual service, we are also very much involved with the community and industry as a whole to make sure our user base login is covered also in the future</em>.</p> <p>Part of what makes the federated user access journey so appealing through the SeamlessAccess service is that we’re able to populate the SeamlessAccess button with the user’s last used identity provider. This looks something like “Access through SUNET” (SUNET being an example of an Identity Provider that will be recognized by its users) - which immediately makes the button recognizable and trusted. If, on the other hand, no previous choice was made the button instead displays “Access through your institution”.</p> <p><img src="/posts/buttons.png" width="720" /></p> <p>Because of how we are displaying the user’s identity provider in the button, and thus on the frontpage of many scholarly online resources, the button is immediately recognizable, clear and actionable for the end-user.</p> <p>Up until now we’ve even been able to populate the Access button with e.g. “Access through SUNET” even the first time a user visits a new website. How? Through the use of a feature called “Local Browser Storage” which allows third-party websites to read and write information. Note that Local Browser Storage and cookies are technically somewhat different features - and there is a possibility that browsers will at some point treat third-party access to Local Browser Storage and to cookies differently - but for most practical purposes the restrictions that browsers are now imposing on cookies apply to Local Browser Storage as well. (Because of this, and for the sake of readability, we will in this post sometimes hand-wavingly use the word ‘cookie’ to refer to the information that SeamlessAccess stores in Local Browser Storage).</p> <p>Note that this does <em>not</em> mean that SeamlessAccess is not respectful of the user’s privacy - quite the opposite! SeamlessAccess uses the remembered institute in a very user-privacy friendly manner: the fact that the user has data from “SeamlessAccess” in their Local Browser Storage only means that they have at some point used a service that integrates with SeamlessAccess as a federated discovery service, but it does not point back to any service in particular; it could be any number of the hundreds of services (or even thousands; we specifically don’t track exactly where SeamlessAccess is used). And SeamlessAccess does not track anything about <em>how</em> the service is used. In fact, it could well be argued that, if instead of a single third-party ‘cookie’ we would use first-party ‘cookies’ to save the user’s previously visited sites and services in the users browser, then the use of our service would leave a trail in the browser which someone could read and figure out which services the user has accessed - which would clearly be a much greater breach of privacy.</p> <p>In summary, SeamlessAccess has taken the appropriate route to preserve user privacy while enabling a user friendly access journey. However, because the same technology is used to track users in other use cases we are seeing the kind of impact that is described here on the SeamlessAccess button.</p> <h2>In conclusion...</h2> <p>This means (at least for now) that, going forward, the SeamlessAccess button will behave in one of three ways:</p> <ol> <li>It displays the users previous identity provider inside the button, e.g. “Access through SUNET” even if it’s the first time a user is visiting that service.</li> <li>It only displays the identity provider inside the button if the user has previously visited that site and chose an identity provider, i.e. “Access through your institution” the first time and thereafter e.g. “Access through SUNET”.</li> <li>The button does not display the previous identity provider choice, i.e. it will always show “Access through your institution”.</li> </ol> <p>These behaviours are dependent on browser, browser version, browser engine and specific user and service settings - which means that it won’t always be obvious to the user (or to someone running a service) why a specific type of behaviour is observed. <strong>However, if your browser since recently is presenting the SeamlessAccess button differently then what you are used to, it might be because a recent upgrade is now blocking SeamlessAccess from accessing its cookie!</strong></p> <p>As communicated in presentations and blog posts before, we are working with browser vendors and the industry at large to future-proof SeamlessAccess.</p> <h2>Links about the future of third party cookies, and option to opt-in for Chrome</h2> <p>As previously mentioned, many browsers already use opt-in for third party cookies, and we’ve talked about them in previous blog posts and videos (see e.g. <a href="https://seamlessaccess.org/posts/2023-07-07-fedcm-update/">this blog post from July</a> and references therein). So here is the latest change, which is for Chrome.</p> <h3>Google Chrome </h3> <ul> <li> <p><em>“To prevent certain types of side-channel cross-site tracking, Chrome is partitioning storage and communications APIs in third-party contexts."</em> - describes how the user can enable and disable Storage partitioning (i.e. third party cookie support): <a href="https://developer.chrome.com/en/docs/privacy-sandbox/storage-partitioning/">https://developer.chrome.com/en/docs/privacy-sandbox/storage-partitioning/</a></p> </li> <li> <p><em>“Preparing for the end of third-party cookies”</em>: <a href="https://developer.chrome.com/blog/cookie-countdown-2023oct/">https://developer.chrome.com/blog/cookie-countdown-2023oct/</a></p> </li> <li> <p><em>“Storage partitioning”</em> enabled by default since Chrome 117/118: <a href="https://developer.chrome.com/en/docs/privacy-sandbox/storage-partitioning/">https://developer.chrome.com/en/docs/privacy-sandbox/storage-partitioning/</a></p> </li> <li> <p><em>“Participate in deprecation trial for unpartitioned third-party storage, Service Workers, and Communication APIs”</em>: <a href="https://developer.chrome.com/en/blog/storage-partitioning-deprecation-trial/">https://developer.chrome.com/en/blog/storage-partitioning-deprecation-trial/</a></p> </li> </ul> <p><strong>We will continue to post updates, so please check our website regularly or subscribe to our <a href="https://seamlessaccess.org/contact/">mailing list</a>.</strong></p> <p><em>(shout-out to the colleagues at Atypon for providing the links to the recent Google changes)</em></p> </div> <div class="post-categories"> <strong>Categories:</strong> <a class="post-category" href="/categories/general">General</a> </div> </div> </div> </div> </div> </div> </div> <footer class="main-footer pr-5 pl-5 pt-3 pb-2"> <div class="container"> <div class="row"> <div class="col-12"> <div class="row"> <div class="col-12 col-md-3 col-lg-3 text-center text-xl-left text-lg-left text-md-left"> <img class="footer-logo pb-3" alt="SeamlessAcces Logo" src="/images/sa-logo-white.svg"/> <br/> <p> SeamlessAccess enables true Sign On. Your users will be able to sign in using their preferred sign in credentials, and will not be bothered for them again for all SeamlessAccess-enabled sites. </p> </div> <div class="col-12 col-md-3 col-lg-3 d-none d-xl-block d-lg-block d-md-block"> <h3 class="pr-3 pl-3 font-weight-bold lh-title primary border-left-white pt-1 pb-1 mb-0"> <a href="https://seamlessaccess.org/services/" class="link"><strong>The Service</strong></a> </h3> <ul class="pr-3 pl-3 mb-1 border-left-white"> <li><a href="https://seamlessaccess.org/stakeholders/for-service-providers/" class="link">SeamlessAccess for Service Providers</a></li> <li><a href="https://seamlessaccess.org/stakeholders/for-libraries/" class="link">SeamlessAccess for Libraries</a></li> <li><a href="https://seamlessaccess.org/stakeholders/for-identity-providers/" class="link">SeamlessAccess for Identity Providers</a></li> <li><a href="https://seamlessaccess.org/stakeholders/for-federations/" class="link">SeamlessAccess for R&E Federation Operators</a></li> <li><a href="https://seamlessaccess.org/stakeholders/for-researchers/" class="link">SeamlessAccess for Researchers</a></li> <li><a href="https://seamlessaccess.org/stakeholders/for-research_collab" class="link">SeamlessAccess for Research Collaborations</a></li> </ul> </div> <div class="col-12 col-md-3 col-lg-3 d-none d-xl-block d-lg-block d-md-block"> <h3 class="pr-3 pl-3 font-weight-bold lh-title primary border-left-white pt-1 pb-1 mb-0"> <a href="https://seamlessaccess.org/about/" class="link"><strong>About</strong></a> </h3> <ul class="pr-3 pl-3 mb-1 border-left-white"> <li><a href="https://seamlessaccess.org/about/governance/" class="link">Governance and Funding</a></li> <li><a href="https://seamlessaccess.org/about/community/" class="link">Community</a></li> <li><a href="https://seamlessaccess.org/about/trust/" class="link">Privacy and Trust</a></li> <li><a href="https://seamlessaccess.org/about/vacancies/" class="link">Vacancies</a></li> <li><a href="https://seamlessaccess.org/posts/" class="link">News</a></li> </ul> <br> <h3 class="pr-3 pl-3 font-weight-bold lh-title primary border-left-white pt-1 pb-1 mb-0"> <a href="https://seamlessaccess.org/about/" class="link"><strong>FAQ</strong></a> </h3> <br> <h3 class="pr-3 pl-3 font-weight-bold lh-title primary border-left-white pt-1 pb-1 mb-0"> <a href="https://seamlessaccess.org/work/" class="link"><strong>Documentation</strong></a> </h3> </div> </div> </div> </div> </div> </footer> <style> a:focus { box-shadow: none; outline: none } .main-footer { font-size: 14px; background: #216E93; color: white; } .main-footer a, .main-footer p { font-size: 14px; font-weight: 300; color: white; } .main-footer .primary, .main-footer a.primary { color: white; font-size: 14px; text-transform: uppercase; margin-bottom: 0; } .footer-logo { max-width: 100px; } .main-footer .link { font-size: 14px; line-height: 0; } .main-footer li { padding: 4px 0; } .sub-footer { font-size: 14px; background: #2E2E2E; color: white; } .sub-footer p { text-align: center; } .sub-footer a { font-size: 14px; text-decoration: none; } .border-left-white { border-left: none; } @media screen and (min-width: 50em) { .border-left-white { border-left: 1px solid rgba(229, 229, 229, 0.4); } .sub-footer p { text-align: left; } } </style> <div class="sub-footer pt-1 pb-1"> <div class="container"> <div class="row"> <div class="col-12 col-xl-6 col-lg-6 col-md-6 pt-1 pb-1"> <p class="mt-0 mb-0 text-center text-xl-left text-lg-left text-md-left">© 2020 All Rights Reserved <strong>SeamlessAccess</strong></p> </div> <div class="col-12 col-xl-6 col-lg-6 col-md-6 pt-1 pb-1"> <p class="mt-0 mb-0 text-center text-xl-right text-lg-right text-md-right"> <span> <a class="text-white" href="/contact"><strong>CONTACT</strong></a> </span> <span class="ml-2"><a href="https://twitter.com/seamlessaccess" target="_blank"><i class="fab fa-twitter-square text-white"></i></a></span> <span class="ml-2"><a href="https://www.youtube.com/watch?v=4xRqdc0DeJI" target="_blank"><i class="fab fa-youtube-square text-white"></i></a></span> </p> </div> </div> </div> <style> .sub-footer a, .sub-footer p { font-size: 14px; font-weight: 300; color: white; } </style> <script type="text/javascript" src="/js/scripts.min.bf1e1f7ae8e03db5f012356e825843facdff51c0a559cb0d27fe2bbe1db405c2.js"></script> </body> </html>