Protected Audience API: developer guide

For those new to the Protected Audience API, read the Protected Audience API overview for a high-level explanation of the API.

This post is written for developers as a technical reference for the most recent iteration of the experimental Protected Audience API. A demo of a basic Protected Audience API deployment is available, as are API references for ad buyers and sellers.

# Implementation status

• The Protected Audience API proposal is now moving to general availability. Raise questions and follow discussion.
• Protected Audience API status of pending capabilities details changes and enhancements to the Protected Audience API API and features.
• Blink status
• Protected Audience API Chrome platform status: Specific to the Protected Audience API on Chrome.
• Ads API Chrome platform status: A collection of APIs to facilitate advertising: Protected Audience API, Topics, Fenced Frames and Attribution Reporting.

To be notified of status changes in the API, join the mailing list for developers.

# What is the Protected Audience API?

The Protected Audience API is a Privacy Sandbox API designed to serve remarketing and custom audience use cases, designed so that it cannot be used by third parties to track user browsing behavior across sites. The API enables on-device auctions by the browser, to choose relevant ads for websites the user has previously visited.

The Protected Audience API is the first experiment to be implemented in Chromium within the TURTLEDOVE family of proposals.

# Try the Protected Audience API

# Available API reference

This document serves as an overview of the Protected Audience API. If you're looking for specific API methods and parameters:

• Buyers guide for joinAdInterestGroup() and generateBid().
• Seller's guide for the Protected Audience API runAdAuction()
• Buyers guide to reportWin() and sellers guide to reportResult()
• Troubleshoot the Protected Audience API

You can also read Protected Audience API ad auction latency best practices.

# Protected Audience API demo

A walk-through of a basic Protected Audience API deployment across advertiser and publisher sites is available at protected-audience-demo.web.app/.

# Test with chrome://flags or feature flags

You can test the Protected Audience API for a single user in Chrome Beta 101.0.4951.26 and above on desktop:

• Enable chrome://flags/#privacy-sandbox-ads-apis.
• Set flags from the command line. The full list of available Protected Audience API flags can be found in Chromium Code Search.

# Render ads in iframes or fenced frames

Ads can be rendered in an <iframe> or a <fencedframe>, depending on which flags are set.

To use <fencedframe> to render ads:

--enable-features=InterestGroupStorage,AdInterestGroupAPI,Fledge,FencedFrames

To use <iframe> to render ads:

--enable-features=InterestGroupStorage,AdInterestGroupAPI,Fledge,AllowURNsInIframes --disable-features=FencedFrames

Include the BiddingAndScoringDebugReportingAPI flag to enable temporary debug loss/win reporting methods.

# Supported features

Protected Audience API behind feature flags in Chromium is a first experiment to test the following features of the Protected Audience API:

• Interest groups: stored by the browser, with associated metadata to configure ad bidding and rendering.
• On-device bidding by buyers (DSP or advertiser): based on stored interest groups and signals from the seller.
• On-device ad selection by the seller (SSP or publisher): based on auction bids and metadata from buyers.
• Ad rendering in a temporarily relaxed version of Fenced Frames: with network access and logging allowed for ad rendering.

Read more about feature support and constraints in the Protected Audience API explainer.

# Interest group permissions

The default for the current implementation of the Protected Audience API is to allow calling joinAdInterestGroup() from anywhere in a page, even from cross-domain iframes.

In the future, once site owners have had time to update their cross-domain iframe permissions policies, the plan is to disallow calls from cross-domain iframes.

# Key/Value service

To support the Protected Audience API ad auction, the browser can access a key/value service to retrieve real-time information which supports the Protected Audience API ad auction. This information could be used in a number ways:

• Buyers may want to calculate the remaining budget in an ad campaign.
• Sellers may be required to check ad creatives against publisher policies.

The Protected Audience API key/value service code is now available. Check out the announcement blog post for the status update.

For initial testing, a "Bring Your Own Server" model was introduced. In the long-term, ad techs will need to use the open-source Protected Audience API Key/Value services running in trusted execution environments.

Refer to the Protected Audience API services blog post for timeline updates. We'll provide substantial notice for developers to begin testing and adoption before this transition takes place.

# Detect feature support

Before using the API, check if it's supported by the browser and available in the document:

'joinAdInterestGroup' in navigator &&
  document.featurePolicy.allowsFeature('join-ad-interest-group') &&
  document.featurePolicy.allowsFeature('run-ad-auction') ?
  console.log('navigator.joinAdInterestGroup() is supported on this page') :
  console.log('navigator.joinAdInterestGroup() is not supported on this page');

# How does the Protected Audience API work?

In this example, a user browses the website of a custom bike maker, then later visits a news website and is shown an ad for a new bike from the bike maker.

Features of the Protected Audience API will be added over time as work on implementation progresses.

# 1. A user visits an advertiser site

Imagine that a user visits the website of a custom bike maker (the advertiser) in this example) and spends some time on the product page for a handmade steel bike. This provides the bike maker with a remarketing opportunity.

# 2. The user's browser is asked to add an interest group

The advertiser's demand-side platform (DSP) (or the advertiser itself) calls navigator.joinAdInterestGroup() to ask the browser to add an interest group to the list of groups the browser is a member of.

In this example, the group is named custom-bikes, and the owner is dsp.example. The interest group owner (in this case, the DSP) will be a buyer in the Protected Audience API ad auction. Interest group membership is stored by the browser, on the user's device, and is not shared with the browser vendor or anyone else.

• Read the Protected Audience API explainer: Browsers Record Interest Groups.
• Read the API guide: buyers and DSPs, learn how to joinAdInterestGroup() and generate bids.

# Specify ads for an interest group

ads and adComponents objects include a URL for an ad creative and, optionally, arbitrary metadata that can be used at bidding time. For example:

{
  renderUrl: 'https://cdn.example/.../bikeAd1.html',
  metadata: bikeAd1metadata // optional
}

# How do buyers make bids?

generateBid() is called for each interest group that the browser is a member of—if the interest group's owner is invited to bid.

Read the generatedBid() developer documentation.

# 3. The user visits a site that sells ad space

Later, the user visits a site that sells ads space, in this example a news website. The site has ad inventory, which it sells programmatically with real-time bidding.

# 4. A ad auction is run in the browser

The ad auction is likely to be run by the publisher's supply-side provider (SSP), or the publisher itself. The purpose of the auction is to select the most appropriate ad for a single available ad slot on the current page. The auction takes into account the interest groups the browser is a member of, along with data from ad-space buyers and the sellers from the Key/Value services.

• Read the Protected Audience API explainer: Sellers Run On-Device Auctions
• Read the API guide: sellers can learn more about runAdAuction() and the ad auction latency best practices.

# 5. The seller and participating buyers request real-time data from the Key/Value service

During an ad auction, the seller can request real-time data about specific ad creatives by making a request to their Key/Value service. The seller can request this information during runAdAuction() by the trustedScoringSignalsUrl property, along with the keys from the renderUrl properties of all entries in the ads and adComponents fields of all interest groups in the auction.

A buyer can request real-time data from their Key/Value service using the trustedBiddingSignalsUrl and trustedBiddingSignalsKeys properties of the interest group argument passed to navigator.joinAdInterestGroup().

When runAdAuction() is called, the browser makes a request to each ad buyer's trusted server. The URL for the request might look like this:

https://kv-service.example/getvalues?hostname=publisher.example&keys=key1,key2

• The base URL comes from trustedBiddingSignalsUrl.
• The hostname is provided by the browser.
• The keys value is taken from trustedBiddingSignalsKeys.

The response to this request is a JSON object providing values for each of the keys.

• Read the Protected Audience API explainer: Fetching Real-Time Data from the Protected Audience API Key/Value service.
• Read open sourcing the Protected Audience API Key/Value service.

# 6. The winning ad is displayed

The promise returned by runAdAuction() resolves to a fenced frame config object (FencedFrameConfig) when theresolveToConfig flag is set to true in the auction config. The frame config is used by a fenced frame to navigate the frame to the winning ad, but the URL of the ad is not visible to the frame embedder.

Fenced frame config object is available starting from M114. For more on the FencedFrameConfig object, see the Chrome blog article.

• Read the Protected Audience API explainer: browsers render the winning ad

# 7. The auction result is reported

The long-term plan is to allow the browser to report auction results for the seller and buyers using the Private Aggregation APIs.

As a temporary event-level reporting mechanism, the code implementing reportResult() for the seller, and reportWin() for the winning bidder, can call the sendReportTo() function. This takes a single argument: a string representing a URL that is fetched after the auction completes, which encodes event-level information to be reported.

• Read the API guide: learn about seller and buyer reporting

# 8. An ad click is reported

A click on an ad rendered in a fenced frame is reported. To learn more about how this might work, see Fenced Frames Ads Reporting.

# Engage and share feedback

# Get support

To ask a questions and get support with your implementation, the demo, or the documentation:

• GitHub: Read the explainer, raise questions, and follow discussion.
• Demo: Raise an issue on the demo code repository.
• Developer support: Ask questions and join discussions on the Privacy Sandbox Developer Support repo. Select the issue template for the Protected Audience API.
• Chrome implementation: for bugs or issues with Chrome's implementation of the Protected Audience API, you can view existing issues or raise a new issue.

For more general questions about meeting your needs with the Protected Audience API, file an issue on the API repository. You can also discuss industry use cases in the W3C's Improving Web Advertising Business Group.

Use the Privacy Sandbox feedback form to share feedback privately with the Chrome team outside of public forums.

# Opt-out

Want to opt-out of the Protected Audience API? Learn how to block access to the Protected Audience API, as a site owner or an individual user.

# Get updates

• For notifications of API status changes, join the mailing list for developers.
• To closely follow all ongoing discussions on the API, click the Watch button on the API page on GitHub. This requires you have or create a GitHub account.
• To get overall updates on the Privacy Sandbox, subscribe to the RSS feed Progress in the Privacy Sandbox.
• Join the scheduled calls for the Protected Audience API (every second week). Everyone is welcome to join—to participate, first make sure to join the WICG. You can actively participate or just listen in!