Skip to main content

How to install a NewsBreak Pixel with ShopLazza (店匠)

  • Updated

什么是NewsBreak Pixel?

NewsBreak Pixel 的工作原理类似于其他广告平台上的像素，例如 Facebook、TikTok 和 Google Analytics。它的作用是帮助我们的广告管理器跟踪广告主网站上的操作。这使我们能够根据这些数据优化您的广告活动。

 

它是如何工作的？

这个像素通过在您的网站上嵌入一段 JavaScript 代码来工作。这段代码收集特定的转化事件数据，并将其发送回 NewsBreak 进行分析和优化。

 

如何将 NewsBreak Pixel 集成到我的店匠商店中？

1. 确认你的 NewsBreak Pixel Base Code.

  • 登录 Ad Manager ，然后导航到“Tools” > “Event Mangement”。
  • 选择 Pixel 作为Tracking Type，Custom code作为集成方法，并指定您的事件类型。在填写所有必填字段后，系统会生成代码和集成说明。

  • 在第1步中找到基础代码并复制。请注意在您 Event Management 中的基础代码中会生成您的独特ID，请不要修改。
  • 基础代码示例如下 （请注意用下面代码中的 ‘ID-1234567890’应该被您在Ad Manager中的独特 ID 代替）
<!-- 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-1234567890'), nbpix('event', 'pageload'); </script> <!-- End NB Pixel Snippet -->

 

 

2. 将基础代码粘贴到店匠

  • 在您 店匠 账户中, 去到应用 > 自定义代码嵌入
  • 点击新增代码以添加新代码，进入自定义代码页面
  • 将在NewsBreak Ad Manager中复制的代码粘贴到店匠，保存基础代码，并确定代码的启用状态在打开的状态（默认会打开）。

 

如果想追踪页面加载外的其他事件？

如果您的转化事件是更具体的事件，例如加入购物车或者订单完成，则需要设置额外的事件追踪。

以订单完成为例（NewsBreak Ad Manager中event type请选择 complete_payment），请按照以下步骤将订单完成事件的pixel集成在店匠中：

  1. 在店匠中点击新增代码以添加新代码，进入自定义代码页面。
  2. 将以下代码粘贴到店匠的‘插入代码’输入框中。
    1. 请注意用您在Ad Manager中的account ID 代替下面代码中的 ‘ID-1234567890’。
    2. 如果您要要追踪其他事件，请用NewsBreak Ad Manager中第二步相应的事件代码替换以下代码中的'complete_payment'
    3. 如果您要追踪事件价值，请打开 Event value，并添加下面代码中 ‘complete_payment’ 后面的  , {nb_value: window.ORDER.prices.total_price} 
<!-- 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-1234567890'),
nbpix('event', 'complete_payment', {nb_value: window.ORDER.prices.total_price});
</script>
<!-- End NB Pixel Snippet -->
 

 

填写代码后请按下图设置你的店匠页面：

3. 保存自定义代码，并确定代码的启用状态在打开的状态（默认会打开）。

image.png

测试Pixel代码的集成

在NewsBreak Ad Manager 中第3步对集成的Pixel进行测试。将您的落地页粘贴到Test url 输入框中，点击 Go test 打开落地页 (一定要点击Go test，而不是自己在浏览器中直接打开落地页)，并在落地页进行完成事件。回到Ad Manager, 您应该能在测试结果中看到基础代码和转化代码都测试成功。测试成功就可以保存该事件。

 

 

 

Related articles