ShopBack for Business
Guides

Line Item Tracking

Overview

ShopBack is using the TUNE Javascript SDK to track the activity on a Shopify store and requires placing the TUNE SDK code in two different locations:

  1. On a landing or product page where a click should be recorded and a tracking session should begin
  2. On the checkout page mark when a conversion has been completed

🚧

Please take note this method only tracks SKU/item level information

For Order Tracking, please proceed to the Shopify Order Tracking page

Step 1. Recording Clicks on Product Pages

To record a click and start a session when a user arrives at a product or landing page, you must add a simple code snippet to the master template.

  1. Navigate to the theme.liquid master template by selecting Themes under Online Store and clicking on ... > Edit Code:
1918

Click Edit code

  1. Select theme.liquid in the menu on the left under Layout and you will see the code editor open up.
1920

Insert tracking code

  1. Paste the following tracking snippet at the top of the file right below the first "head" tag:

📘

Please copy the entire code below to Shopify

<!-- Start ShopBack Code - Do Not Delete-->
<script>
!function(){var o=window.tdl=window.tdl||[];if(o.invoked)window.console&&console.error&&console.error("Tune snippet has been included more than once.");else{o.invoked=!0,o.methods=["init","identify","convert"],o.factory=function(n){return function(){var e=Array.prototype.slice.call(arguments);return e.unshift(n),o.push(e),o}};for(var e=0;e<o.methods.length;e++){var n=o.methods[e];o[n]=o.factory(n)}o.init=function(e){var n=document.createElement("script");n.type="text/javascript",n.async=!0,n.src="https://js.go2sdk.com/v2/tune.js";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(n,t),o.domain=e}}}();
 
tdl.init("https://shopback.go2cloud.org");
tdl.identify()
</script>
<!-- End ShopBack Code - Do Not Delete-->
  1. Click on the Save button and the tracking snippet will be applied to all your Shopify pages and you are ready to start recording clicks.

Step 2. Recording Conversions on Checkout

A second snippet must be pasted on the checkout page to record a conversion when a user successfully checks out.

  1. Click on Settings > Checkout and Account then go to the Order status page section. In the Additional Scripts box place this script with your tracking domain.
1919

Click on Settings

1919

Click Checkout and accounts

1919

Insert conversion code

📘

Please copy the entire code below to Shopify

<!-- Start ShopBack Code - Do Not Delete -->
{% if first_time_accessed %}
<script>
!function(){var o=window.tdl=window.tdl||[];if(o.invoked)window.console&&console.error&&console.error("Tune snippet has been included more than once.");else{o.invoked=!0,o.methods=["init","identify","convert"],o.factory=function(n){return function(){var e=Array.prototype.slice.call(arguments);return e.unshift(n),o.push(e),o}};for(var e=0;e<o.methods.length;e++){var n=o.methods[e];o[n]=o.factory(n)}o.init=function(e){var n=document.createElement("script");n.type="text/javascript",n.async=!0,n.src="https://js.go2sdk.com/v2/tune.js";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(n,t),o.domain=e}}}();

//Define Variables
//Compulsory parameters
var compOrderId = "{{ checkout.order_id }}";
var compOrderName = "{{ order.order_number }}";
var compAmountNum = {{ checkout.subtotal_price | money_without_currency | remove: ',' }};
var compAmount = compAmountNum.toFixed(2);
var compCurrency = "{{ checkout.currency }}";


//Supplementary parameters
var suCustomerOrderCount = "{{ checkout.customer.orders_count }}";

//Backup parameters
var buAmount = "{{ checkout.subtotal_price | money_without_currency | remove: ',' }}";
var buCheckoutId = "{{ checkout.id }}";

//Conversion Tag
tdl.init("https://shopback.go2cloud.org");
{% for line_item in checkout.line_items %}

//Line item parameters
var lineSubtotalPirce = "{{ line_item.final_line_price | money_without_currency | remove: ',' }}";
var lineSku = "{{ line_item.product_id | url_encode }}";
var lineName = "{{ line_item.title | url_encode }}";
var lineQuantity = "{{ line_item.quantity }}";
var lineCategory = "{{ line_item.product.type | url_encode }}";

tdl.convert(
    {
 'amount': lineSubtotalPirce,
 'adv_sub': compOrderId,
 'adv_sub2': suCustomerOrderCount,
 'adv_sub3': lineCategory,
 'adv_sub4': compOrderName,
 'adv_sub5': compCurrency,
 'adv_unique1': compAmount,
 'adv_unique2': buCheckoutId,
 'adv_unique3': lineSku,
 'adv_unique4': lineName,
 'adv_unique5': lineQuantity
    }
)
{% endfor %}
</script>
{% endif %}
<!-- End ShopBack Code - Do Not Delete -->

👍

And... you're done!

After you click save and apply the settings, ShopBack can start to record conversions from your Shopify store. Please notify your ShopBack representative after this step is completed.

Updated over 1 year ago