Piggybacking Segment Events for Ad-Hoc Conversion Pixels

tagManager.js

/**
 * Pixel Loader.
 * It will make the http request on construction, no need to dom insert.
 */

const loadPixel = (src, fn=()=>{}) => ({
  ...new Image, 
  onload() { fn() },
  height: 1,
  width: 1,
  src
});


/**
 * Set up a listener for `.track()` calls with a callback
 * that takes the event name and properties and download
 * arbitrary pixels based on that name and properties :)
 */
 
analytics.on('track', function(event, { id = '', revenue = '' }) {
  switch (event) {
    case 'Conversion Event': 
      loadPixel(`//1pixel.com/${event}/stuff?id=${id}&revenue=${revenue}`);
      loadPixel(`//2pixel.com/${event}/stuff?id=${id}&revenue=${revenue}&param=param`);
      break;
    case 'Other Conversion Event': 
      loadPixel(`//1pixel.com/${event}/stuff?id=${id}&revenue=${revenue}`);
      loadPixel(`//2pixel.com/${event}/stuff?id=${id}&revenue=${revenue}&param=param`);
      break;
  }
});