Difference between revisions of "Conversion Tracking"

From Spiffy Stores Knowledge Base

Line 14: Line 14:
  
 
  <pre>
 
  <pre>
<img src="https://www.tracking.com/pixel.gif?amount=<AMOUNT>&order-id=<ORDER ID>&currency=<CURRENCY>" height="1" width="20" />
+
<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 25: Line 26:
 
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="20"/> </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=#04343&currency=AUD" height="1" width="20" /> </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 13:45, 14 May 2008

Checkout scripts.jpg

Conversion tracking describes the practise of integrating little "bugs" into the checkout process which report back to a centralised third party server when products are sold. This is commonly also described as 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 liquid template variable and you should find all the 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}}
  • 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" />