Tuỳ chỉnh trải nghiệm người dùng cho những khách hàng đã biết

Sử dụng worklet Shared Storage để xác định những khách hàng đã biết.

Shared Storage API là một đề xuất của Hộp cát về quyền riêng tư cho bộ nhớ đa dụng, trên nhiều trang web, hỗ trợ nhiều trường hợp sử dụng có thể xảy ra. Một ví dụ là xác định khách hàng đã biết. Bạn có thể thử nghiệm tính năng này trong Chrome phiên bản 104.0.5086.0 trở lên.

Bạn có thể lưu trữ thông tin về việc người dùng đã đăng ký trên trang web của bạn hay chưa vào Shared Storage, sau đó hiển thị một phần tử riêng biệt dựa trên trạng thái đã lưu trữ của người dùng (người dùng có phải là khách hàng "đã biết" hay không).

Đặt khách hàng đã biết

Để thử nghiệm việc xác định khách hàng đã biết trong Shared Storage, hãy xác nhận rằng bạn đang sử dụng Chrome 104.0.5086.0 trở lên. Bật tất cả các API Quyền riêng tư trong quảng cáo trong chrome://settings/adPrivacy.

Bạn cũng có thể bật Bộ nhớ dùng chung bằng cờ --enable-features=PrivacySandboxAdsAPIsOverride,OverridePrivacySandboxSettingsLocalTesting,SharedStorageAPI,FencedFrames trong dòng lệnh.

Thử nghiệm với mã mẫu

Bạn có thể muốn hiển thị một phần tử khác dựa trên việc người dùng đã truy cập vào một trang web khác hay chưa. Ví dụ: nhà cung cấp dịch vụ thanh toán có thể muốn hiển thị nút "Đăng ký" hoặc "Mua ngay" dựa trên việc người dùng đã đăng ký tại trang web của nhà cung cấp dịch vụ thanh toán hay chưa. Bạn có thể dùng bộ nhớ dùng chung để đặt trạng thái của người dùng và tuỳ chỉnh trải nghiệm người dùng dựa trên trạng thái đó.

Trong ví dụ này:

  • known-customer.js được nhúng trong một khung hình. Tập lệnh này đặt các lựa chọn về nút sẽ xuất hiện trên trang web, "Đăng ký" hoặc "Mua ngay".
  • known-customer-worklet.js là worklet bộ nhớ dùng chung xác định xem người dùng có được biết đến hay không. Nếu người dùng đã biết, thông tin sẽ được trả về. Nếu người dùng không xác định, thông tin đó sẽ được trả về để hiển thị nút "Đăng ký" và người dùng sẽ được đánh dấu là đã biết cho sau này.

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);

Trường hợp sử dụng

Bạn có thể xem tất cả các trường hợp sử dụng hiện có cho API Chọn URL trong phần này. Chúng tôi sẽ tiếp tục thêm ví dụ khi nhận được ý kiến phản hồi và khám phá các trường hợp kiểm thử mới.

  • Xoay vòng mẫu quảng cáo: Lưu trữ dữ liệu, chẳng hạn như mã mẫu quảng cáo và lượt tương tác của người dùng, để xác định mẫu quảng cáo mà người dùng nhìn thấy trên các trang web.
  • Chọn mẫu quảng cáo theo tần suất: Sử dụng dữ liệu về số lượt xem để xác định mẫu quảng cáo mà người dùng nhìn thấy trên các trang web.
  • Chạy thử nghiệm A/B: Bạn có thể chỉ định người dùng cho một nhóm thử nghiệm, sau đó lưu trữ nhóm đó trong Bộ nhớ dùng chung để truy cập trên nhiều trang web.
  • Tuỳ chỉnh trải nghiệm cho khách hàng đã biết: Chia sẻ nội dung tuỳ chỉnh và lời kêu gọi hành động dựa trên trạng thái đăng ký của người dùng hoặc các trạng thái khác của người dùng.

Tương tác và chia sẻ ý kiến phản hồi

Xin lưu ý rằng đề xuất về Select URL API đang được thảo luận và phát triển tích cực, vì vậy, đề xuất này có thể thay đổi.

Chúng tôi rất mong được biết ý kiến của bạn về Select URL API.