기존 고객에 맞게 사용자 환경 맞춤설정

공유 저장소 워크렛을 사용하여 알려진 고객을 식별합니다.

Shared Storage API는 개인 정보 보호 다양한 용도를 지원하는 크로스 사이트 스토리지를 위한 범용 샌드박스 제안 사용 사례일 수 있습니다. 한 가지 예는 알려진 고객을 식별하는 것입니다. Chrome 104.0.5086.0 이상에서 테스트할 수 있습니다.

사용자가 내 사이트에 등록했는지 여부를 공유 저장공간에 저장할 수 있습니다. 그런 다음 사용자의 저장된 상태( '알려진' 사용자 있습니다.

사전 분류된 고객 설정

공유 저장소에서 알려진 고객을 식별하는 실험을 하려면 Chrome 104.0.5086.0 이상을 사용하고 있는지 확인하세요. chrome://settings/adPrivacy에서 모든 광고 개인 정보 보호 API를 사용 설정합니다.

명령줄에서 --enable-features=PrivacySandboxAdsAPIsOverride,OverridePrivacySandboxSettingsLocalTesting,SharedStorageAPI,FencedFrames 플래그를 사용하여 공유 저장소를 사용 설정할 수도 있습니다.

코드 샘플 실험

사용자가 다른 사이트에서 보았는지 여부에 따라 다른 요소를 렌더링할 수 있습니다. 예를 들어 결제 시스템 공급자는 '등록' 또는 '지금 구매' 버튼을 선택합니다. 공유 스토리지는 사용자의 상태를 설정하고 상태에 따라 사용자 환경을 맞춤설정하는 데 사용할 수 있습니다.

이 예에서는 다음과 같이 정의됩니다.

  • known-customer.js는 프레임에 삽입됩니다. 이 스크립트는 '등록' 사이트에 표시되는 버튼의 옵션을 설정합니다. 또는 '지금 구매'와 같은 문구를 클릭할 경우 어떤 작업이 가능한지 궁금해 할 수 있습니다.
  • known-customer-worklet.js는 사용자가 알려진지 확인하는 공유 저장소 Worklet입니다. 아는 사람인 경우 정보가 반환됩니다. 알 수 없는 사용자의 경우 해당 정보가 반환되어 '등록' 페이지가 표시됩니다. 버튼을 누르면 해당 사용자는 미래에 대비할 것으로 알려진 것으로 표시됩니다.

known-customer.js

// The first URL for the "register" button is rendered for unknown users.
const BUTTON_URLS = [
  { url: `https://${advertiserUrl}/ads/register-button.html` },
  { url: `https://${advertiserUrl}/ads/buy-now-button.html` },
];

async function injectButton() {
  // Load the worklet module
  await window.sharedStorage.worklet.addModule('known-customer-worklet.js');

  // Set the initial status to unknown ('0' is unknown and '1' is known)
  window.sharedStorage.set('known-customer', 0, {
    ignoreIfPresent: true,
  });

  // Run the URL selection operation to choose the button based on the user status
  const fencedFrameConfig = await window.sharedStorage.selectURL('known-customer', BUTTON_URLS, {
    resolveToConfig: true
  });

  // Render the opaque URL into a fenced frame
  document.getElementById('button-slot').src = fencedFrameConfig;
}

injectButton();

known-customer-worklet.js

class SelectURLOperation {
  async run(urls) {
    const knownCustomer = await sharedStorage.get('known-customer');

    // '0' is unknown and '1' is known
    return parseInt(knownCustomer);
  }
}

register('known-customer', SelectURLOperation);

사용 사례

이는 공유 저장소의 몇 가지 사용 사례일 뿐입니다. 의견을 수렴하고 새로운 사용 사례를 발견할 때마다 예시를 계속 추가할 예정입니다.

콘텐츠 선택사항

공유 저장소에서 수집된 정보를 기반으로 울타리 프레임에서 서로 다른 웹사이트에 서로 다른 콘텐츠를 선택하고 표시합니다. 이러한 사용 사례의 출력 게이트는 URL 선택입니다.

  • 광고 소재 순환: 광고 소재 ID, 조회수, 사용자 상호작용과 같은 데이터를 저장하여 사용자가 여러 사이트에서 어떤 광고 소재를 보게 될지 결정합니다.
  • A/B 테스트: 사용자를 실험 그룹에 할당한 다음 공유 저장소에 해당 그룹을 저장하여 교차 사이트에서 액세스할 수 있습니다.
  • 맞춤 사용자 환경: 사용자의 등록 상태 또는 기타 사용자 상태를 기반으로 맞춤 콘텐츠 및 클릭 유도 문구를 공유합니다.

요약 보고서 생성

공유 저장소로 정보를 수집하고 노이즈가 있는 집계된 요약 보고서를 생성합니다. 이러한 사용 사례의 출력 게이트는 Private Aggregation API입니다.

  • 순 사용자 도달범위 측정: 많은 콘텐츠 제작자와 광고주는 콘텐츠를 시청한 순 사용자 수를 알고 싶어 합니다. 공유 저장소를 사용하여 사용자가 광고, 삽입된 동영상 또는 게시물을 처음 본 시점을 기록하고 여러 사이트에서 동일한 사용자를 중복으로 집계하지 않도록 합니다. 그런 다음 Private Aggregation API를 사용하여 도달범위에 대한 요약 보고서를 출력할 수 있습니다.
  • 인구통계 측정: 콘텐츠 제작자는 시청자의 인구통계를 파악하려고 하는 경우가 많습니다. 공유 저장소를 사용하여 퍼스트 파티 사이트와 같이 사용자 인구통계 데이터가 있는 맥락에 사용자 인구통계 데이터를 기록하고 집계된 보고서를 사용하여 삽입된 콘텐츠와 같은 다른 여러 사이트에서 이를 보고할 수 있습니다.
  • K+ 게재빈도 측정: '유효 게재빈도'라고도 하며, 사용자가 특정 콘텐츠를 인식하거나 기억하기 전에 필요한 최소 조회수가 있습니다 (주로 광고 조회 맥락에서). 공유 저장소를 사용하여 콘텐츠를 K번 이상 본 고유 사용자의 보고서를 작성할 수 있습니다.

참여 및 의견 공유

Shared Storage API 제안은 현재 활발한 논의와 개발이 진행 중이며 따라서 변경될 수 있습니다.

Shared Storage API에 관한 의견을 보내주세요.

최신 정보 확인하기

  • 메일링 리스트: 메일링 리스트를 구독하여 Shared Storage API와 관련된 최신 업데이트 및 공지사항을 확인하세요.

도움이 필요하신가요?