Skip to main content

Upstack Data Pixel on Third Party Landing Pages

This guide shows how to add the Upstack Data Pixel to a third-party landing page. By inserting your Pixel ID into the script & placing it in the page’s <head> section, you’ll enable reliable tracking, conversion measurement & better campaign optimization.

Fin avatar
Written by Fin
Updated over 3 weeks ago

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 webpage

  • Publish or update your landing page

  • Verify your installation


Configuration Steps

Step 1: Get your Pixel ID

  • Log in to your Upstack Data account

  • Go to Integrations in the left-hand menu

  • Select the platform you want to connect (e.g., Facebook, TikTok, Pinterest, etc.)

  • Once the integration is set up, you’ll see your Pixel ID displayed in the integration details

  • Copy your Pixel ID

👉 Sometimes the ID is also shown in the Tracking Scripts or Pixel Setup tab, depending on the platform you’re connecting.


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


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.

Did this answer your question?