Newsbreak 像素集成说明

安装过程

一共分4段

1.初始化代码

2.客户事件代码

3.收款插件代码

4.NB广告后台创建事件并测试，测试通过保存事件

一、安装像素初始化代码

<!-- Start NB Pixel Snippet -->
<script>
!(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-替换像素ID'),
  nbpix('event', 'pageload');
</script>
<!-- End NB Pixel Snippet -->

2.主题>编辑模板代码>theme.liquid>找到 head 标签>粘贴代码

3.大约463行，找到</head >标签，在其之前 插入复制的代码（切记替换ID）

二、安装客户事件代码

shopify客户事件依次建立: (1)产品查看事件 (2)加入购物车事件

产品查看事件代码（View Content）（切记替换像素ID）

!(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-替换像素ID'),
    
    analytics.subscribe("product_viewed", event => {
      nbpix('event', 'view_content');
});

（1）创建产品查看事件（建议 命名为 NB像素名称+ NB 事件名称）譬如：NB-ABC-View Content

（2）重复上述步骤，创建 Add To Cart 事件上报，代码如下（切记替换ID）

加入购物车事件代码

!(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-替换像素ID'),
    
    analytics.subscribe("product_added_to_cart", event => {
      nbpix('event', 'add_to_cart', {nb_value: event.data.cartLine.cost.totalAmount.amount});
});

客户事件创建完毕截图如下

三、安装到Intercart收款插件

收款插件>More>Intergrations>PPFunnels Extension

插件像素代码（切记替换ID）

// ***************************//
// Nbpix  v1.2

let NB_ID = 'ID-替换像素ID';

// ===================
// DO NOT UPDATE BELOW
!(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', NB_ID);

//InitiateCheckout
itc.addEventHandler('InitiateCheckout', function (payload, additional) {
  nbpix('event', 'initiate_checkout', { nb_value: payload.value });
});

//Purchase
itc.addEventHandler('Purchase', function (payload, additional) {
  nbpix('event', 'complete_payment', { nb_value: payload.value });
});
// =========================//
// Nbpix end
// ***************************//

四、Newsbreak广告后台创建事件并测试，测试通过后保存事件（参考下方视频）

一共4个事件 如下图所示