您可以将Twitter转化跟踪代码集成到您的在线商店中,以了解从Twitter广告访问网站的客户的行为。跟踪代码将收集有关客户如何使用您的在线商店页面的数据,从此帮您更有效地计划广告活动以找到新客户并对老客户进行再营销。本文将指导您在ShopBase商店上安装Twitter转化跟踪代码。

本文主要内容

A. 获取Twitter转化跟踪代码
B. 在ShopBase上安装Twitter转化跟踪代码
C. 在Twitter上创建广告活动

A. 获取Twitter转化跟踪代码

指南

登录 您的Twitter账号,转到 More选项卡中的 Twitter Ads



在屏幕顶部,点击 Tools > Conversion tracking,然后点击 Create new conversion event



在下一页上填写信息以创建一个转化事件: Name this event(转化事件的名称)、 Select the type of conversion(转化事件类型,您要跟踪客户的哪个行动)、 Specify website tag you will use to track this event(选择网站的标签类型)、 Include traffic that meets any of the following conditions: (选择流量类型以衡量转化)、 Specify custom attribution window(选择允许跟踪代码记录用户在看到广告后进行行动的最长时间)、 Agree to terms and conditions(同意Twitter的广告规定) 。点击 Save conversion event



创建转化事件后,请在 Website Tag ID: 部分中将转化跟踪代码复制



B. 在ShopBase上安装Twitter转化跟踪代码

指南

从ShopBase后台管理页面,转到 在线商店 > 首选项

往下拉到 其他脚本部分,将此代码粘贴到 部分。

<script>
const twitterId = "o48hp" // Insert Twitter Pixel ID
!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',twitterId);
window.sbsdk.ready(function() {
window.sbsdk.cart.onAdd(function(payload) {
let cart = window.sbsdk.cart.get()
let product_added = cart.items.find(item => item.variant_id === payload.variant_id)
twq('track', 'AddToCart', {
value: product_added.price,
currency: cart.currency,
order_quantity: String(payload.qty),
});
});
let isTracked = false;
window.sbsdk.page.onContextUpdate(function(context) {
if(context.type !== 'process_checkout') {
isTracked = false;
}
if(context.type === 'process_checkout' || context.type ==='checkout') {
if(!isTracked) {
let cart = window.sbsdk.cart.get()
let cartItem = cart.items.map(function(item) {
return item = {
'id': item.product_id,
'quantity': item.qty,
'item_price': item.total_line_with_discount_price,
}
})
twq('track', 'InitiateCheckout', {
contents: JSON.stringify(cartItem),
currency: cart.currency,
value: String(cart.subtotal_price),
num_items: String(cart.item_count)
});
isTracked = true
}
}
switch (context.type) {
case 'home':
twq('track','PageView');
break;
case 'cart':
break;
case 'collection':
break;
case 'collections':
break;
case 'product':
twq('track','ViewProduct');
break;
case 'post_checkout':
// Inject code tracking at thank you page here
let order = window.sbsdk.checkout.getOrder()
let collection_titles = []
if(order.items.length > 0 ) {
for(let x in order.items) {
let collections = order.items[x].collections
for(let y in collections) {
collection_titles[y] = collections[y].title
}
}
let line_items = order.items.map(function(item) {
return item = {
'product_category': collection_titles,
'product_name': item.product_title,
'product_id': item.product_id,
'product_quantity': item.qty,
'product_price': item.item_price,
}
})
let qtyBlock = document.getElementsByClassName('checkout-product-thumbnail__quantity');
let qty = 0
for (let i = 0; i < qtyBlock.length; ++i) {
qty += parseInt(qtyBlock[i].innerHTML)
}
let totalPrice = document.getElementsByClassName('payment-due__price')[0].innerHTML
totalPrice = totalPrice.substring(1)
totalPrice = totalPrice.substring(0, totalPrice.length - 3)

twq('track', 'Purchase', {
order_id: String(order.id),
value: String(totalPrice),
order_quantity: String(qty),
currency: window.sbsdk.cart.get().currency,
line_items: JSON.stringify(line_items)
});
}
break;
default:
break;
};
});
});

</script>




用您的Twitter转化跟踪代码替换第2行的 o48hp

单击 保存以保存。

注意:

在将Twitter转化跟踪代码添加到ShopBase之后,您可以按照 此指南在自己的Twitter广告账号中创建一个广告活动来接收有关客户的数据。

相关文章
这篇文章有帮助吗?
取消
谢谢!