The purpose of this guide is to guide you through the correct way to implement the Preezie Analytics Pixel code on your web site. To accomplish that there are two necessary steps to take:

  • Plug in the initialisation code
  • Generate the properly formatted transaction tracking code

Initialising the pixel code

Initialisation is easy. Simply paste the following into the <head> section of your Thank You page

<script>
!function (e, t, n, p, r, s) { e.prz || ((p = e.prz = function () { p.process ? p.process.apply(p, arguments) : p.queue.push(arguments) }).queue = [], p.t = +new Date, (r = t.createElement(n)).async = 1, r.src = "https://preeziecdn.azureedge.net/production/prz_pixel.min.js?t=" + 864e5 * Math.ceil(new Date / 864e5), (s = t.getElementsByTagName(n)[0]).parentNode.insertBefore(r, s)) }(window, document, "script"),
prz("init", "YOUR_PREEZIE_ID");
</script>

You can find the code snippet with your preezie id by going to the workflow drop-down menu and selecting "Code snippet".

The pixel code utilises beacons where applicable or reverts to a standard pixel gif depending on the clients browser version.


Setting up transaction tracking

To properly track transactions a json payload containing the basic product info must be generated in the back end and appended to the <head> section of the thank you page. This part is platform specific and requires some development effort, but most e-Commerce platforms provide an easy way to get the data to the page by reserving variables with product data for use in template editing.
The final result should look like this:

<script>
prz("event", "transaction", '{"products": [{"productId": "SKU1", "productName":"product1", "quantity":1, "price":10.99},]}');
</script>

 

Field definitions:

Property Type Description
productId String The unique identifier of the product. Must be equal to the id sent to preezie via the import API
productName String Name of the purchased product
quantity Integer Quantity of the purchased product
price Decimal Single item price