How To

Implementing Tracking Pixels with Shopify

If you want detailed ROI reporting of online search and comparison shopping campaigns, tracking pixels must be installed on various pages of your website to capture traffic, order, and event data. This page is designed to assist you in installing those pixels in a Shopify Webstore.

There are two areas on your Shopify admin where tracking codes may need to be installed:

  • Design Templates – If you need to have tracking installed on the homepage, category pages, and product landing pages then the tracking codes will need to be added to your theme template.
  • Checkout – For order tracking, the code can be installed directly on the Checkout Settings Page.

Please Note: as these instructions are related to tasks performed in environments outside of ChannelAdvisor (Shopify), they are provided as a convenience only. If you need assistance, please contact your web developer. ChannelAdvisor does not have access to perform these tasks for you.

 

Prerequisites


 

Tasks to Complete


Complete the following tasks related to this topic:

  1. Obtain Pixel Code
  2. Add Code to Design Templates
  3. Add Code to Checkout Page

 

1. Obtain Pixel Code

To start the install process, you will need to obtain the tracking pixel code from the ChannelAdvisor application by following the steps below:

  1. Navigate to My Account > Account Settings > Tracking Pixels.
  2. Choose the option for My Order Confirmation (Thank You) page is on a different domain than my website. Yahoo Stores and Shopify Stores fall into this category.
  3. Further below on the page, you'll see the codes for the Visit Pixel and Order Tracking. You only need to copy and paste the Visit Pixel code snippet for use in step 2 below. We'll provide the Order Pixel code as a download in step 3 below.

For the full pixel specification please see Tracking Pixel Specification .

 

2. Adding Visit Pixel Code to Design Templates

  1. Locate the theme.liquid page for your Shopify Design Template.
  2. Place the tracking code you obtained in Step 1 above within the <HEAD> tags on the theme.liquid page.

The visit pixel should look like the following. Replace [PID goes here] with the PID found in your ChannelAdvisor account.

Note: It is always best to edit design templates in a simple text editor such as Notepad and never in a word processing program such as Microsoft Word. For further details on how to work with design templates, please refer to Shopify's documentation .

 

3. Adding Order Pixel Code to the Checkout Page

Please download the Order Pixel code (txt file) here. This snippet is already customized for Shopify except for the SMCID value. Please don't forget to change that to your own account Profile ID.

The Order Confirmation pixel should look like the following for Shopify – [PID goes here] should be replaced with your PID:

order code

After that, you have to install your customized Order Confirmation pixel code in the Checkout settings of your Shopify Store. Complete these steps in your Shopify shop admin:

  1. Go to the Settings > Checkout pages.
  2. In the Order Processing section, locate Additional Content & Scripts.
  3. Paste the tracking code snippet customized to your store into Additional Content & Scripts and click Save.

If you want detailed ROI reporting of online search and comparison shopping campaigns, tracking pixels must be installed on various pages of your website to capture traffic, order, and event data. This page is designed to assist you in installing those pixels in a Shopify Webstore.

There are two areas on your Shopify admin where tracking codes may need to be installed:

  • Design Templates – If you need to have tracking installed on the homepage, category pages, and product landing pages then the tracking codes will need to be added to your theme template.
  • Checkout – For order tracking, the code can be installed directly on the Checkout Settings Page.

Please Note: as these instructions are related to tasks performed in environments outside of ChannelAdvisor (Shopify), they are provided as a convenience only. If you need assistance, please contact your web developer. ChannelAdvisor does not have access to perform these tasks for you.

 

Prerequisites


 

Tasks to Complete


Complete the following tasks related to this topic:

  1. Obtain Pixel Code
  2. Add Code to Design Templates
  3. Add Code to Checkout Page

 

1. Obtain Pixel Code

To start the install process, you will need to obtain the tracking pixel code from the ChannelAdvisor application by following the steps below:

  1. Navigate to My Account > Account Settings > Tracking Pixels.
  2. Choose the option for My Order Confirmation (Thank You) page is on a different domain than my website. Yahoo Stores and Shopify Stores fall into this category.
  3. Further below on the page, you'll see the codes for the Visit Pixel and Order Tracking. You only need to copy and paste the Visit Pixel code snippet for use in step 2 below. We'll provide the Order Pixel code as a download in step 3 below.

For the full pixel specification please see Tracking Pixel Specification .

 

2. Adding Visit Pixel Code to Design Templates

  1. Locate the theme.liquid page for your Shopify Design Template.
  2. Place the tracking code you obtained in Step 1 above within the <HEAD> tags on the theme.liquid page.

The visit pixel should look like the following. Replace [PID goes here] with the PID found in your ChannelAdvisor account.

Note: It is always best to edit design templates in a simple text editor such as Notepad and never in a word processing program such as Microsoft Word. For further details on how to work with design templates, please refer to Shopify's documentation .

 

3. Adding Order Pixel Code to the Checkout Page

Please download the Order Pixel code (txt file) here. This snippet is already customized for Shopify except for the SMCID value. Please don't forget to change that to your own account Profile ID.

The Order Confirmation pixel should look like the following for Shopify – [PID goes here] should be replaced with your PID:

order code

After that, you have to install your customized Order Confirmation pixel code in the Checkout settings of your Shopify Store. Complete these steps in your Shopify shop admin:

  1. Go to the Settings > Checkout pages.
  2. In the Order Processing section, locate Additional Content & Scripts.
  3. Paste the tracking code snippet customized to your store into Additional Content & Scripts and click Save.
0
Your rating: None Average: 1 (1 vote)
0
Your rating: None Average: 1 (1 vote)

Previous Comments


code snippets as images?

Why would code snippets by images which cannot be copy pasted?

Sat, 08/20/2016 - 07:59 - Dave Iwankow