Implementation Guide

When implementing Pixeleze, you'll need to place a piece of JavaScript code on every page of your website.

Sitewide Implementation

The code should be placed in the HEAD tag of each page.

<script>
    function Pixeleze(pixelezeData)
    {
        var url = "https://pixeleze.com/run?PixelezeData=" + encodeURIComponent(JSON.stringify(pixelezeData));
        url += "&SourceUrl=" + encodeURIComponent(window.location.href);
        url += "&Cookies=" + encodeURIComponent((document.cookie.match('(^|; )PixelezeClickStream=([^;]*)') || [""])[0]);
        var ref = document.getElementsByTagName("script")[0];
        var js = document.createElement("script");
        js.src = url;
        js.async = true;
        ref.parentNode.insertBefore(js, ref);
    }

    var pixelezeData = pixelezeData || {};
    pixelezeData.AccountId = "00000000-0000-0000-0000-000000000000";
    Pixeleze(pixelezeData);
</script>
				
				

Confirmation Page Implementation

On the order confirmation page (aka "Thank You" or "Success" page) a few additional variables are required. The script on your order confirmation page should look something like this:

<script>
    function Pixeleze(pixelezeData)
    {
        var url = "https://pixeleze.com/run?PixelezeData=" + encodeURIComponent(JSON.stringify(pixelezeData));
        url += "&SourceUrl=" + encodeURIComponent(window.location.href);
        url += "&Cookies=" + encodeURIComponent((document.cookie.match('(^|; )PixelezeClickStream=([^;]*)') || [""])[0]);
        var ref = document.getElementsByTagName("script")[0];
        var js = document.createElement("script");
        js.src = url;
        js.async = true;
        ref.parentNode.insertBefore(js, ref);
    }

    var pixelezeData = pixelezeData || {};
    pixelezeData.AccountId = "00000000-0000-0000-0000-000000000000";
    pixelezeData.OrderId = "1234";                    
    pixelezeData.OrderTotal = 19.99;                    
    pixelezeData.PromoCode = "PROMO";
    pixelezeData.Discount = 10.50;
    Pixeleze(pixelezeData);
</script>
				
				

Your code will, of course, use your actual OrderId, OrderTotal, and Coupon Code values. Do not include taxes or shipping.

Product Level Implementation

Here's a sample script that includes product level data.

<script>
    function Pixeleze(pixelezeData)
    {
        var url = "https://pixeleze.com/run?PixelezeData=" + encodeURIComponent(JSON.stringify(pixelezeData));
        url += "&SourceUrl=" + encodeURIComponent(window.location.href);
        url += "&Cookies=" + encodeURIComponent((document.cookie.match('(^|; )PixelezeClickStream=([^;]*)') || [""])[0]);
        var ref = document.getElementsByTagName("script")[0];
        var js = document.createElement("script");
        js.src = url;
        js.async = true;
        ref.parentNode.insertBefore(js, ref);
    }

    var pixelezeData = pixelezeData || {};
    pixelezeData.AccountId = "00000000-0000-0000-0000-000000000000";
    pixelezeData.OrderId = "1234";                    
    pixelezeData.OrderTotal = 19.99;                    
    pixelezeData.PromoCode = "PROMO";
    pixelezeData.Discount = 10.50;
    pixelezeData.Products = [                    
    {                    
        ProductId: "1",                    
        ProductName: "Product 1",                    
        ProductPrice: 19.99,                    
        ProductQuantity: 2,                    
        ProductCategory: "misc",                   
    },                    
    {                    
        ProductId: "2",                    
        ProductName: "Product 2",                    
        ProductPrice: 600,                    
        ProductQuantity: 1,                    
        ProductCategory: "misc",                 
    },                    
   ];
   Pixeleze(pixelezeData);
</script>