Quick Summary
Copy your Pixel ID from the Upstack Data
Insert the Pixel ID into the script
Place the script inside the
<head>section of your webpagePublish or update your landing page
Verify your installation
Configuration Steps
Step 1: Find and Copy your Upstack Pixel ID
Your Upstack Data Pixel ID is a unique identifier linked to your Shopify store. This ID is used to track browser events and associate them with your account.
For step-by-step instructions on locating your Upstack Pixel ID, refer to this help article:
Step 2: Insert your Pixel ID into the Script
Open the Pixel script provided
Replace the placeholder Pixel ID with your own ID
Upstack Pixel Snippet
<!-- Start UpstackData Pixel -->
<script src='https://prod2-cdn.upstackified.com/scripts/px/ups.min.js' async='true'></script>
<script>
window._adqLoaded =0;
window._upsqueue = window._upsqueue || [];
window._upstack = window._upstack || function () {
window._upsqueue.push(arguments);
}
window._upstack('init', 'XXXX-XXXX-XXXXX-XXXX'); // replace with pixelID
window._upstack('page');
</script>
<!-- End UpstackData Pixel -->
<!-- Start script to add current query string to all links -->
<script>
// Function to add current page's query string to all links
function addCurrentQueryStringToLinks() {
// Get the current page's query string
var currentQueryString = window.location.search.slice(1); // If there's no query string, exit the function
if (!currentQueryString) return; // Get all 'a' elements in the document
var links = document.getElementsByTagName('a'); // Loop through each link
for (var i = 0; i < links.length; i++) {
var link = links[i];
var href = link.href; // Skip links that are just anchors
if (href.startsWith('#')) continue; // Check if the link already has query parameters
if (href.indexOf('?') !== -1) {
// If it does, append the current query string with an '&'
href += '&' + currentQueryString;
} else {
// If it doesn't, append the current query string with a '?'
href += '?' + currentQueryString;
} // Set the modified href back to the link
link.href = href;
}
}// Call this function when the page loads
window.addEventListener('load', addCurrentQueryStringToLinks);
</script>
<!-- End script to add current query string to all links -->
⚠️ Important:
Replace
XXXXXXXXXXXXXXXXXwith the Pixel ID you obtained in Step 1 of this help article.Enter the Pixel ID exactly as provided to ensure proper tracking across all pages.
Step 3: Add the Script to your Landing Page
Access the landing page editor or HTML settings of your third-party tool
Locate the Custom Code or Header Code section
Paste the complete script into the
<head>section of the page
Step 4: Publish or Update your Landing Page
Save and republish the page so the script goes live
Step 5: Verify the Installation
Visit your landing page in a browser
Use the Upstack Data Pixel Helper (or your platform’s pixel debugger, if available) to confirm the pixel is firing correctly
Need help?
If you encounter any issues during setup, contact our support team we'll help diagnose the problem.