SHOPLAZZA帮助中心

搜索

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

本页相关内容

安装Kawi Pixel Base Code

安装Kwai Event Code

确保Pixel正常工作

FAQ

安装Kawi Pixel Base Code

1.登录Kwai for Business Manager,点击资产下的Pixel,然后点击创建Pixel。

2.输入Pixel名称,确认手动安装Pixel代码开发者模式,然后点击创建

mceclip0.png

3.点击Copy按钮,复制基础代码(Base Code),点击ok按钮将进入Pixel详情页。

mceclip1.png

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

mceclip2.png

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

mceclip3.png

6.完成以上操作,您的店铺页面的每一个页面都会上报pageView事件了,还可以使用Kwai Pixel Helper来检测。

mceclip4.png

安装Kwai Event Code

Pixel事件代码使您能够报告特定操作或事件,以便监测转化。例如如果您从事电子商务业务,那么监测“添加至购物车”和“下单”等事件对您来说就非常重要。这里就以查看商品详情、添加至购物车、发起结账、添加支付信息和完成付款等转化漏斗中常见的几个转化事件来说明,如何安装这些转化事件的事件代码。

EVENT_CONTENT_VIEW

将以下事件代码添加到数据跟踪代码嵌入插件内

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

    $(function () {

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

            kwaiq.track("contentView");

        })

    })

} catch(e){ }</script>

mceclip5.png

EVENT_ADD_TO_CART

将以下事件代码添加到数据跟踪代码嵌入插件内

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

    $(function () {

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

            kwaiq.track("addToCart");

        })

    })

} catch(e){ }</script>

mceclip6.png

EVENT_INITIATED_CHECKOUT

将以下事件代码添加到数据跟踪代码嵌入插件内

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

    $(function () {

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

            kwaiq.track("addToCart");

        })

    })

} catch(e){ }</script>

mceclip7.png

EVENT_ADD_PAYMENT_INFO

将以下事件代码添加到数据跟踪代码嵌入插件内

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

    $(function () {

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

            kwaiq.track("addPaymentInfo");

        })

    })

} catch(e){ }</script>

mceclip8.png

EVENT_PURCHASE

将以下事件代码添加到数据跟踪代码嵌入插件内,代码内包含事件参数:订单总价(value)以及货币单位(currency)

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

    $(function () {

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

            kwaiq.track("purchase", {

                value: data.prices.total_price,

                currency: data.currency_code

            });

        })

    })

} catch(e){ }</script>

mceclip9.png

确保Pixel正常工作

完成设置后,有两种方法可以检查Pixel是否正常运行:1、Pixel助手;2、预览广告。这两个都是必须的。

1.Pixel Helper | Pixel助手

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

mceclip10.pngmceclip11.pngmceclip12.png

mceclip13.png

 

mceclip14.png

2.通过预览事件,您可以模拟顾客的整个经历

从点击广告到Pixel记录转化。预览广告发生的转化将被记录在“预览事件”中,“预览事件”位于“事件管理器”的Pixel详情页,不会影响您的广告效果。

mceclip15.png

FAQ

1.如果我的网站上有多个Kwai Pixel怎么办?

Kwai 要求每个网站只用1个Pixel,因为添加多个Pixel会增加组织和管理的复杂性,同时会对广告效果产生未知的影响。此外,kwai 要求每个Pixel只配置一个网站。如果配置多个网站,Pixel数据将显示聚合信息,而不是每个网站的单独信息,这两种情况都会影响广告投放效果。

2.我准备创建一个广告,并为我的转化目标选择一个事件,但我在“转化目标”栏下没有看到该事件。

一旦您的事件被触发(例如在该Pixel中测试),它将显示在事件管理器中,供您选择作为广告的转化目标。

由 Zendesk 提供技术支持