SHOPLAZZA帮助中心

搜索

如何安装Outbrain Pixel和设置跟踪转化

本页相关内容

安装Outbrain Pixel

设置转化跟踪

如何安装Outbrain Pixel

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

mceclip0.png

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

mceclip1.png

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

mceclip2.png

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

mceclip3.png

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

mceclip5.png

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

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

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>

mceclip6.png

Checkout

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

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

    $(function () {

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

            obApi('track', 'Checkout');

        })

    })

} catch(e){ }</script>

mceclip7.png

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>

mceclip8.png

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

mceclip9.png

mceclip10.png

mceclip11.png

 

 

由 Zendesk 提供技术支持