Difference between revisions of "Conversion Tracking"

From Spiffy Stores Knowledge Base

m
Line 1: Line 1:
 
Conversion Tracking describes the practice of integrating "web bugs" into the checkout process which report back to a centralised third-party server when products are sold. This is commonly also described as a tracking pixel.
 
Conversion Tracking describes the practice of integrating "web bugs" into the checkout process which report back to a centralised third-party server when products are sold. This is commonly also described as a tracking pixel.
  
===Tracking orders===
+
=== Tracking orders ===
 +
 
 +
<gallery heights="200px" widths="200px" class="right">
 +
Image:Checkout_scripts.jpg|Checkout Scripts
 +
</gallery>
  
 
Tracking pixels can be integrated with the ''Additional Content & Scripts'' feature which you can find under '''Preferences -> Checkout & Payment'''
 
Tracking pixels can be integrated with the ''Additional Content & Scripts'' feature which you can find under '''Preferences -> Checkout & Payment'''
 
 
[[Image:Checkout_scripts.jpg]]
 
 
  
 
You are able to access the [[ Liquid Template Variables - shop | shop variable ]] and you will find all the [[ Liquid Template Variables - order | order variables ]] which are customarily available to  [[ Liquid Template Variables - email variables | order notification ]] emails.
 
You are able to access the [[ Liquid Template Variables - shop | shop variable ]] and you will find all the [[ Liquid Template Variables - order | order variables ]] which are customarily available to  [[ Liquid Template Variables - email variables | order notification ]] emails.
  
====Example====
+
==== Example ====
  
 
Your tracking system asks you to integrate a tracking pixel like this:
 
Your tracking system asks you to integrate a tracking pixel like this:
  
<pre>
+
<pre>
 
<img src="https://www.tracking.com/pixel.gif?amount=<AMOUNT>&order-id=<ORDER ID>&currency=<CURRENCY>" height="1" width="1"/>
 
<img src="https://www.tracking.com/pixel.gif?amount=<AMOUNT>&order-id=<ORDER ID>&currency=<CURRENCY>" height="1" width="1"/>
 
</pre>
 
</pre>
  
 
Looking at the above example we know that we need:
 
Looking at the above example we know that we need:
 
  
 
* full money amount of order. Probably in dollars : <pre>{{ total_price | money }}</pre>
 
* full money amount of order. Probably in dollars : <pre>{{ total_price | money }}</pre>
Line 29: Line 28:
 
Lets replace the examples with actual liquid code:
 
Lets replace the examples with actual liquid code:
  
<pre><img src="https://www.tracking.com/pixel.gif?amount={{total_price | money}}&order-id={{order_name}}&currency={{shop.currency}}" height="1" width="1"/> </pre>
+
<pre>
 +
<img src="https://www.tracking.com/pixel.gif?amount={{total_price | money}}&order-id={{order_name}}&currency={{shop.currency}}" height="1" width="1"/>
 +
</pre>
  
 
When a customer reaches the last page of the checkout the code that will actually be delivered to his browser will then look something like this:
 
When a customer reaches the last page of the checkout the code that will actually be delivered to his browser will then look something like this:
  
<pre><img src="https://www.tracking.com/pixel.gif?amount=55.34&order-id=#02322&currency=AUD" height="1" width="1"/></pre>
+
<pre>
 +
<img src="https://www.tracking.com/pixel.gif?amount=55.34&order-id=#02322&currency=AUD" height="1" width="1"/>
 +
</pre>

Revision as of 11:59, 16 February 2011

Conversion Tracking describes the practice of integrating "web bugs" into the checkout process which report back to a centralised third-party server when products are sold. This is commonly also described as a tracking pixel.

Tracking orders

Tracking pixels can be integrated with the Additional Content & Scripts feature which you can find under Preferences -> Checkout & Payment

You are able to access the shop variable and you will find all the order variables which are customarily available to order notification emails.

Example

Your tracking system asks you to integrate a tracking pixel like this:

<img src="https://www.tracking.com/pixel.gif?amount=<AMOUNT>&order-id=<ORDER ID>&currency=<CURRENCY>" height="1" width="1"/>

Looking at the above example we know that we need:

  • full money amount of order. Probably in dollars :
    {{ total_price | money }}
  • A unique order id. order_name will print out the name of the order such as #02322 which will suite our purposes:
    {{order_name}}
  • A unique order number. order_number will print out the order number without formatting such as 02322:
    {{order_number}}
  • Our shops currency. We can either hard code this or use
    {{shop.currency}} 

Lets replace the examples with actual liquid code:

<img src="https://www.tracking.com/pixel.gif?amount={{total_price | money}}&order-id={{order_name}}&currency={{shop.currency}}" height="1" width="1"/>

When a customer reaches the last page of the checkout the code that will actually be delivered to his browser will then look something like this:

<img src="https://www.tracking.com/pixel.gif?amount=55.34&order-id=#02322&currency=AUD" height="1" width="1"/>