How Do I Install the Pixel?

A. For Shopify Implementation

The pixel needs to be implemented in 2 places:


1. On all layouts:

  • Copy the pixel script and log into your Shopify account.

  • Go to: Sales channel, Online store > Themes > Actions > Edit Code

  • Paste it on all layouts within all the 'head' tags, preferably at the beginning of the heads. The pixel will be most effective if it's the first in the heads.

  • "Checkout.liquid" layout doesn't need the pixel installed.

Pixel Installation Instructions


2. On the thank you page:

  • Copy the pixel script and log in to your Shopify account.

  • Go to: Settings > Checkout

Scroll down to the bottom of the page where it says "Order status page, Additional Scripts" and paste the script preferably at the top of the page.


Pixel Installation Instructions


B. For Google Tag Manager Implementation

  • 1. Create a new tag

  • 2. Choose "Custom HTML"

  • 3. Paste HTML (double-check that the code begins with <script> and ends with </script>)

  • 4. Choose "All Page Views" trigger

  • 5. Name Tag and Save

C. For External Extension Apps Users


If you use any extension apps, please make sure to manually embed the pixel snippet in your extension app, preferably as high as possible within the 'head' of the page.

  • Copy Snippet

  • Go to Settings in extension app > Scripts

  • Implement/embed on ALL pages, landing pages, home pages, etc.

CODE:

Pixel Layout Snippet:

<script>
/* >> TriplePixel :: start*/
~function(W,H,A,L,E){try{A.setItem(H,1+(0|A.getItem(H)||0)),W.includes("⇈")&&A.setItem(H+"Stg",1+(0|A.getItem(H+"Stg")||0))}catch(e){}function O(T,R){void 0===R&&(R=!1),H=new XMLHttpRequest,H.open("GET","//triplewhale-pixel.web.app/triplepx.txt?"+~(Date.now()/9e7),!0),H.send(null),H.onreadystatechange=function(){4===H.readyState&&200===H.status?setTimeout(function(){return eval(H.responseText)},50):(299<H.status||H.status<200)&&T&&!R&&(R=!0,O(T-1))}}A=window,A[H]||(L=function(){return"tp.."+Date.now().toString(36)+Math.random().toString(36)},E=A[H]=function(t,e,n){return W=L(),(E._q=E._q||[]).push([W,e,n]),W},E.ch=W,O(5))}("a","TriplePixel",localStorage);
/* << TriplePixel :: end*/
</script>

Pixel Thank You Snippet:

<script src="https://triplewhale-pixel.web.app/triplepx.js"></script>

Did this answer your question?