安装Outbrain Pixel和设置跟踪转化

本文将为您介绍如何安装Outbrain Pixel和设置跟踪转化，请参考以下步骤进行操作。

如何安装Outbrain Pixel

1.登录Outbrain后台，打开Conversions Tab页，点击Outbrain Pixel。

2.点击Copy code to Clipboard按钮，复制代码。

3.打开Shoplazza后台 > Apps > 数据跟踪代码嵌入插件。

4.点击右上角新增代码，输入代码名称，然后将复制的代码粘贴到“插入代码”部分，触发页面选择“全部”，代码位置选择“顶部”，点击保存。

完成以上操作，您的店铺页面的每一个页面都会上报PAGE_VIEW事件了，还可以使用Outbrain Pixel Tracker  来检测。

如何设置常见事件转化跟踪

接下来，我们将引导您完成购买漏斗中三个常见转化事件的跟踪设置。

Add to Cart

首先，创建一个名为“Add to Cart”的基于事件(Event-Based)的转化，然后将以下事件代码添加到数据跟踪代码嵌入插件内。

<script type="text/javascript"> try {

    $(function () {

        $(document.body).on('dj.addToCart', function (e, data) {

            obApi('track', 'Add To Cart');

        })

    })

} catch(e){ }</script>

Checkout

同样的，需要创建一个名为“Checkout”的基于事件(Event-Based)的转化，然后将以下事件代码添加到数据跟踪代码嵌入插件内。

<script type="text/javascript"> try {

    $(function () {

        $(document.body).on('dj.initiateCheckout', function (e, data) {

            obApi('track', 'Checkout');

        })

    })

} catch(e){ }</script>

Purchase

如果Purchase事件需要上报Dynamic Values，一般需要上报Order Value和Currency，则需要创建一个名为“Purchase”的基于事件(Event-Based)的转化，然后将以下事件代码添加到数据跟踪代码嵌入插件内。

<script type="text/javascript"> try {

    $(function () {

        $(document.body).on('dj.purchase', function (e, data) {

            obApi('track', 'Purchase', {orderValue:data.prices.total_price, currency: data.currency_code});

        })

    })

} catch(e){ }</script>

安装完以上事件代码后，可以在分别进行加购、发起结账，支付完成(测试支付可以通过Bogus Gateway模拟交易下测试订单)动作，然后使用Outbrain Pixel Tracker 来检测。