> ## Documentation Index
> Fetch the complete documentation index at: https://docs.aftersell.com/llms.txt
> Use this file to discover all available pages before exploring further.

# DTC 广告入门指南 | web pixel 激活

> 本文介绍如何集成 Rokt Conversions Web Pixel

<div id="overview">
  # **概述**
</div>

Rokt Conversions Web Pixel 可将你 Shopify 商店的转化准确归因到 Rokt 广告活动。它通过 Shopify 的 Web Pixels API 追踪用户活动，帮助你优化营销表现。

***

<div id="step-1-install-the-aftersell-app">
  ## **第 1 步：安装 Aftersell 应用**
</div>

你的客户经理会向你提供一个专用安装链接。

* 点击链接后会跳转到 Shopify App Store。
* 系统会提示你安装 Aftersell 应用。

  <img src="https://mintcdn.com/aftersell/SnVX3h-PpMMxQMDU/images/aftersell/web-pixel-activation-permission-request-scopes.gif?s=4f420a729ad2431816ecb7649762b2ec" alt="AfterSell by Rokt 权限请求，列出客户数据和 pixel 访问权限范围" width="1464" height="1080" data-path="images/aftersell/web-pixel-activation-permission-request-scopes.gif" />
* 点击 **Install** 继续。

安装完成后，Aftersell 可能会在应用内显示与 pixel 追踪相关的权限请求 —— 具体为 `read_customer_events` 和 `write_pixels`。点击 **Approve** 授予这些权限。接受这些权限范围后，Aftersell 即可自动注入并激活 Rokt Web Pixel。

***

<div id="step-2-accept-terms-and-conditions">
  ## **第 2 步：接受条款和条件**
</div>

授予所需权限后：

* 系统会提示你查看并接受我们的条款和条件。

  <img src="https://mintcdn.com/aftersell/SnVX3h-PpMMxQMDU/images/aftersell/web-pixel-activation-rokt-thanks-onboarding-form.gif?s=8fa5f852565bddeeaa33f594c27b1aed" alt="Rokt Thanks 入门表单，包含条款和条件复选框及 Enable now 按钮" width="748" height="1080" data-path="images/aftersell/web-pixel-activation-rokt-thanks-onboarding-form.gif" />
* 点击 **Enable now** 继续。

***

<div id="step-3-activate-free-plan">
  ## **第 3 步：激活免费套餐**
</div>

完成条款和条件后：

* 系统会提示你接受 **Aftersell Free Plan (Rokt Ads)**。
* 点击 **Approve** 完成激活。

  <img src="https://mintcdn.com/aftersell/SnVX3h-PpMMxQMDU/images/aftersell/web-pixel-activation-approval-free-plan-rokt.gif?s=8c998fcb469f9c716ad05f6c7db8da83" alt="Shopify 审批页面显示 AfterSell Free Plan Rokt Ads 收费项及 Approve 按钮" width="1760" height="1080" data-path="images/aftersell/web-pixel-activation-approval-free-plan-rokt.gif" />
* 审批通过后，你的入门流程即告完成，系统会将你重定向到 Rokt Ads 控制台，你会在那里看到新创建的 **One Platform Account ID**。（在创建过程中，卡片会显示 *Generating One Platform Account ID*。）

<img src="https://mintcdn.com/aftersell/SnVX3h-PpMMxQMDU/images/aftersell/web-pixel-activation-welcome-rokt-ads-notice.gif?s=982d2dd0afd219d019b84c6d59d1b2d0" alt="Welcome to Rokt Ads 页面显示 pixel 激活通知和账户 ID" width="3840" height="860" data-path="images/aftersell/web-pixel-activation-welcome-rokt-ads-notice.gif" />

***

<div id="step-4-web-pixel-activation">
  ## **第 4 步：Web Pixel 激活**
</div>

完成入门流程后，Web Pixel 的安装会自动触发。

请等待最多 **5 分钟**以完成激活。

***

<div id="to-verify-pixel-activation">
  ## **验证 pixel 激活：**
</div>

1. 在 Rokt Ads 页面（Aftersell 内），点击标有 **Customer Events Page** 的链接。这会直接带你进入 Shopify 后台中的相应页面。
2. 或者：\
   手动前往 Shopify 后台 → Settings → Customer Events。
3. 进入后：\
   在 App Pixels 下，查找"Aftersell"。\
   确保其状态显示为 Connected。

   <img src="https://mintcdn.com/aftersell/SnVX3h-PpMMxQMDU/images/aftersell/web-pixel-activation-customer-events-connected.gif?s=67d069184fc1024610e122db975382b7" alt="Shopify 客户事件设置显示 AfterSell by Rokt pixel 标记为 Connected" width="1648" height="1080" data-path="images/aftersell/web-pixel-activation-customer-events-connected.gif" />

如果 pixel 没有立即出现或显示为"Disconnected"，可能仍在处理中。请等待几分钟后刷新页面。

***

<div id="additional-notes">
  ## **补充说明：**
</div>

激活后的 web pixel 会执行三项操作：

1. 当客户从你的某个 Rokt 广告活动进入你的网站时，添加一个 cookie。Rokt 会自动在着陆页 URL 中添加"rtid"查询参数。
2. 记录转化。如果客户拥有第 1 步中的 cookie，该转化将归因到你的 Rokt 广告活动。
3. 将 Shopify 的标准店面事件转发给 Aftersell —— 包括页面、产品和产品系列浏览、搜索、加入和移出购物车、checkout 步骤以及 checkout 完成。这一部分仅依赖 analytics 同意即可运行。

以下设置将由 web pixel 应用自动应用。

1. *权限：Analytics。* pixel 扩展仅声明 analytics 同意 —— marketing 和 preferences 均为关闭状态。这对欧盟和英国的客户最为相关。转化数据的发送会在运行时单独检查：如果购物者未授予 marketing 同意，则跳过 Rokt 转化，而标准店面事件仍会继续传送。要了解更多，请参阅 [Shopify 的文档](https://help.shopify.com/en/manual/promoting-marketing/pixels/custom-pixels/manage#customer-privacy)。
2. *数据出售：收集的数据不构成数据出售。* 转化数据的收集目的在于优化和监控广告活动，Rokt 不会出售这些数据。
3. 有关 Web Pixels API 的详细信息，请参阅 [Shopify 的开发者文档](https://shopify.dev/docs/api/web-pixels-api)。