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.
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.
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>