本条还可参阅:
通过将跟踪代码添加到感谢页面,您可以跟踪客户并在许多渠道优化自己的广告活动

在感谢页面上有许多使用脚本的方法。跟踪脚本由第三方提供,并在ShopBase后台管理中用作附加脚本。

如果您还不熟悉代码编辑和相关问题,请通过在线聊天与我们联系以了解更多信息。

本文的主要内容:

A. 如何将跟踪代码添加到您的感谢页面
B. Facebook Pixel
C. Google Analytics 转化跟踪
D. Twitter 跟踪代码

A. 如何将跟踪代码添加到您的感谢页面

从店铺的管理仪表板中,点击 在线店铺 >> 偏好设置
滚动到 其他脚本 >> 表头分区和粘贴此脚本。

<script>
window.sbsdk.ready(function() {
window.sbsdk.page.onContextUpdate(function(context) {
if (context.type === 'post_checkout') {
// Inject code tracking here
}
});
});
</script>


在此处注入代码跟踪 部分中,替换由第三方提供的跟踪脚本

点击 保存。

B. Facebook Pixel

您可以设置Facebook Pixel 来跟踪客户结账并完成购买的时间,请查看 此指南以了解更多详细信息>>

C. Google Ads转化跟踪

除了Facebook Pixel 以外,您可以为客户的结账流程使用Google Analytics转化跟踪。请参阅 使用ShopBase的Google Ads转化跟踪以了解有关更多信息。

D. Twitter跟踪代码

请按照下图所示以添加下面所提供的代码



以下是Twitter跟踪代码:

<script>
window.sbsdk.ready(function() {
window.sbsdk.page.onContextUpdate(function(context) {
if (context.type === 'post_checkout') {
const orderId = window.sbsdk.checkout.getOrder().id;
const twtId = '048hp';
const twtEventName = 'purchase';
const paramsDataTrack = {
orderId: orderId,
}
!function(e,t,n,s,u,a){e.twq||(s=e.twq=function(){s.exe?s.exe.apply(s,arguments):s.queue.push(arguments);
},s.version='1.1',s.queue=[],u=t.createElement(n),u.async=!0,u.src='//static.ads-twitter.com/uwt.js',
a=t.getElementsByTagName(n)[0],a.parentNode.insertBefore(u,a))}(window,document,'script');
twq('init', twtId);
twq('track', twtEventName, paramsDataTrack);
}
});
});
</script>

要在结账页面或感谢页面中获取订单ID,有关更多详细信息,请参阅: https://developers.shopbase.com/build-a-theme/storefront-sdk
使用您的Twitter跟踪ID更改文本,例如:048hp
使用所需的事件名称更改文本,例如:Pageview, Purchase
添加您要发送事件的参数值(params key),例如:name : abc , cartQuantity : 1

相关文章:
如何从结账流程中跳过购物车页面?
如何选择三页结账或单页结账?
如何自定义结账流程
如何禁用“添加到购物车”按钮?
如何自定义购物车页面?
如何根据您的喜好自定义结账页面?
如何优化结账页面以获得更好的转化率?
如何自定义感谢页面?
如何使您的客户更新其订单状态跟踪?
这篇文章有帮助吗?
取消
谢谢!