You can integrate Twitter conversion tracking ID into your online store to help you understand more about customer behavior and the traffic source. This tag collects data about how customers are using your online store pages, so that you can more effectively plan your ad campaigns to find new customers.

On this page:
A. Get your Twitter conversion tracking ID
B. Install the Twitter conversion tracking ID on ShopBase
C. Create Ad Campaign on Twitter Ads


A. Get your Twitter conversion tracking ID

Log into your Twitter account, go to Twitter Ads in tab More.

At the top of the screen, click Tools > Conversion tracking and press Create new conversion event by following step 3 of this guideline

To get the Twitter Pixel ID, click on View code and installation instructions.



Copy Twitter Pixel ID from the line that resembles “twq(‘init’,‘twitter_pixel_id’);”



B. Install the Twitter Pixel ID on ShopBase store

On your store admin, go to Online Store > Preferences

Scroll to the Additional scripts > Head section and paste this scripts.

<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>


Replace o48hp in Line 2 with your Twitter conversion tracking ID



Press Save and you are done.

C. Create Ad Campaign on Twitter Ads

After adding Twitter conversion tracking ID into ShopBase, you must create create an Ad campaign in your Twitter Ads account in order to receive data about your customers by following this instruction Campaign creator guide.

Related articles:
How to install the Pinterest Tag on ShopBase
How to install Bing Ads Conversion Tracking on ShopBase
Was this article helpful?
Cancel
Thank you!