# NewsBreak Pixel 自定义代码接入指引（ 主题 1.0 ～2.1 ）

**URL:** <https://community.shoplineapp.cn/t/topic/37>\
**Category:** 解决方案\
**Tags:** pixel, newsbreak\
**Created:** [2026 年1 月 20 日 06:43 UTC](https://community.shoplineapp.cn/t/topic/37 "2026-01-20T06:43:36Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

作者： ![子寒](https://community.shoplineapp.cn/user_avatar/community.shoplineapp.cn/%E5%AD%90%E5%AF%92/32/41_2.png) [@子寒](https://community.shoplineapp.cn/u/%E5%AD%90%E5%AF%92)\
发布日期： [2026 年1 月 20 日 06:43 UTC](https://community.shoplineapp.cn/t/topic/37/1 "2026-01-20T06:43:37Z")

</div>

#### 一、官方文档

[Newsbreak Event Tracking](https://help.newsbreak.com/hc/en-us/sections/30523433509645-Event-Tracking)

#### 二、兼容版本

主题1.0, 主题2.0, 主题2.1

#### 三、操作流程

##### 1. NewBreak配置

###### a. 创建你的 NewsBreak Pixel Event

- 登录 [Ad Manager](https://admanager.newsbreak.com/) ，然后导航到“Tools” \> “Event Mangement” \> “Create/test web event”。

 ![image](https://community.shoplineapp.cn/uploads/default/original/1X/d399c632707a79f5a9ac208ae2fe12df116083c6.png)

###### b. 配置你的 NewsBreak Pixel Event

- **View Content**  
选择 Pixel 作为Tracking Type，Custom code作为集成方法，并指定您的事件类型为 View Content。

- **Add To Cart**  
选择 Pixel 作为Tracking Type，Custom code作为集成方法，并指定您的事件类型为 Add To Cart，同时开启 Event Value。

- **Initiate Checkout**  
选择 Pixel 作为Tracking Type，Custom code作为集成方法，并指定您的事件类型为 Initiate Checkout，同时开启 Event Value。

- **Complete Pyment**  
选择 Pixel 作为Tracking Type，Custom code作为集成方法，并指定您的事件类型为 Complete Payment，同时开启 Event Value。

 ![image](https://community.shoplineapp.cn/uploads/default/original/1X/ce37f9fdb5738b0e2a58290a2d733612d74f64c7.png)

###### c. **找到你的 NewsBreak Pixel ID**

- 在下方 Base Code 中找到 NewsBreak Pixel ID

 ![image](https://community.shoplineapp.cn/uploads/default/original/1X/b9e6135da35f69be787d7127bce0e8bc795d15c1.jpeg)

##### 2. Shopline配置

###### a. 安装自定义代码应用, 点击添加代码

 ![image](https://community.shoplineapp.cn/uploads/default/original/1X/2c9da7c90eca35458e3ef7c7f141ac72827e6326.jpeg)

###### b. 触发页面全选,插入位置底部

 ![image](https://community.shoplineapp.cn/uploads/default/original/1X/cc146a2e0e8b2935eb0f8b3d79f621bad6547fee.jpeg)

###### c. 将以下代码复制入代码内容, 注意修改自己的NewsBreak Pixel ID(nbpix(‘init’,‘ID-1234567890’),)即可

```auto
<script>
  <!-- Start NB Pixel Snippet -->
  !(function (e, n, t, i, p, a, s) {
    e[i] ||
      (((p = e[i] =
        function () {
          p.process ? p.process.apply(p, arguments) : p.queue.push(arguments);
        }).queue = []),
      (p.t = +new Date()),
      ((a = n.createElement(t)).async = 1),
      (a.src = 'https://static.newsbreak.com/business/tracking/nbpixel.js?t=' + 864e5 * Math.ceil(new Date() / 864e5)),
      (s = n.getElementsByTagName(t)[0]).parentNode.insertBefore(a, s));
  })(window, document, 'script', 'nbpix'),
    nbpix('init', 'ID-1234567890'),
    nbpix('event', 'pageload');
    console.log('Start NB Pixel Snippet init')
  <!-- End NB Pixel Snippet -->

  <!-- Start NB Pixel Snippet view_content -->
  // view_content
  {{#if @root.product}}
    console.log('Start NB Pixel Snippet view_content')
    const compare_at_price = '{{ divide product.selected_or_first_available_variant.compare_at_price 100 }}';
    nbpix('event','view_content', {nb_value: compare_at_price});
  {{/if}}
  <!-- End NB Pixel Snippet view_content -->

  <!-- Start NB Pixel Snippet add_to_cart -->
  !(function () {
    const originalFetch = window.fetch;
    window.fetch = function (...args) {
      return new Promise((resolve, reject) => {
        originalFetch
          .apply(this, args)
          .then((response) => {
            try {
              const clone = response.clone();
              if ((args[0] && args[0].url && args[0].url.includes("/cart/add")) || (args[0] && typeof(args[0])=='string' && args[0] === "/cart/add")) {
                clone.json().then((data) => {
                  console.log('Start NB Pixel Snippet add_to_cart')
                  if(data.final_price){
                    const add_to_cart_total_amount = data.final_price.toString();
                    nbpix('event','add_to_cart', {nb_value: add_to_cart_total_amount});
                  }else{
                    nbpix('event','add_to_cart');
                  }
                });
              }
              resolve(response);
            } catch (error) {
              console.error("Error processing add_to_cart batch request", error);
            }
          })
          .catch((error) => {
            reject(error);
          });
      });
    };
  })();
  <!-- End NB Pixel Snippet add_to_cart -->

  <!-- Start NB Pixel Snippet initiate_checkout -->
  {{#if @root.checkout}}
    console.log('Start NB Pixel Snippet initiate_checkout')
    const checkout_total_amount = '{{ divide checkout.total_price 100 }}';
    nbpix('event', 'initiate_checkout', {nb_value: checkout_total_amount});
  {{/if}}
  <!-- End NB Pixel Snippet initiate_checkout -->

  <!-- Start NB Pixel Snippet complete_payment -->
  {{#if @root.thankyou}}
    console.log('Start NB Pixel Snippet CompleteOrder')
    const thankyou_total_amount = '{{ divide thankyou.priceInfo.totalAmount 100 }}';
    nbpix('event','complete_payment', {nb_value: thankyou_total_amount});
  {{/if}}
  <!-- End NB Pixel Snippet complete_payment -->
</script>

```

```auto
<script>
  <!-- Start NB Pixel Snippet -->
  !(function (e, n, t, i, p, a, s) {
    e[i] ||
      (((p = e[i] =
        function () {
          p.process ? p.process.apply(p, arguments) : p.queue.push(arguments);
        }).queue = []),
      (p.t = +new Date()),
      ((a = n.createElement(t)).async = 1),
      (a.src = 'https://static.newsbreak.com/business/tracking/nbpixel.js?t=' + 864e5 * Math.ceil(new Date() / 864e5)),
      (s = n.getElementsByTagName(t)[0]).parentNode.insertBefore(a, s));
  })(window, document, 'script', 'nbpix'),
    nbpix('init', 'ID-1234567890'),
    nbpix('event', 'pageload');
    console.log('Start NB Pixel Snippet init')
  <!-- End NB Pixel Snippet -->

  <!-- Start NB Pixel Snippet view_content -->
    console.log('Start NB Pixel Snippet view_content')
    {{#if @root.product}}
      const compare_at_price = '{{ divide product.selected_or_first_available_variant.compare_at_price 100 }}';
      nbpix('event','view_content', {nb_value: compare_at_price});
    {{/if}}
  <!-- End NB Pixel Snippet view_content -->
  
  <!-- Start NB Pixel Snippet add_to_cart -->
    window.Shopline.event?.on('DataReport::AddToCart', function (payload) {
      const { data } = payload;
      nbpix('event', 'add_to_cart', {nb_value: data.price});
    })
  <!-- End NB Pixel Snippet add_to_cart -->

  <!-- Start NB Pixel Snippet initiate_checkout -->
  {{#if @root.checkout}}
    console.log('Start NB Pixel Snippet initiate_checkout')
    const checkout_total_amount = '{{ divide checkout.total_price 100 }}';
    nbpix('event', 'initiate_checkout', {nb_value: checkout_total_amount});
  {{/if}}
  <!-- End NB Pixel Snippet initiate_checkout -->

  <!-- Start NB Pixel Snippet complete_payment -->
  {{#if @root.thankyou}}
    console.log('Start NB Pixel Snippet CompleteOrder')
    const thankyou_total_amount = '{{ divide thankyou.priceInfo.totalAmount 100 }}';
    nbpix('event','complete_payment', {nb_value: thankyou_total_amount});
  {{/if}}
  <!-- End NB Pixel Snippet complete_payment -->
</script>

```