BigCommerce tracking pixel instructions

<script type="text/javascript">
  window.roster = {
    config: {
      token: 'PUBLIC_ACCESS_TOKEN',
      forceShareableCodeFetch: true
    },
    onClickTracked: function() {
      // Optional callback. See table below for details.
      console.log('Click tracked');
    },
    onCodeRetrieved: function(discountCode) {
      // Optional callback. See table below for details.
      console.log('Discount code:', discountCode);
    },
    onError: function(error) {
      // Optional callback. See table below for details.
      console.error('Roster pixel error:', error);
    }
  };
</script>

<script async type="application/javascript"
  src="https://cdn.rostercdn.com/sa.js"></script>

<script async type="text/javascript">
    // Get the order data from the BC API
    async function getOrderData() {
      const orderURL = "/api/storefront/orders/" + {{checkout.order.id}};
      const response = await fetch(orderURL);
      const data = await response.json();
      return data;
    }
    
    function submitOrder() {
        if (sAttribution) {
          getOrderData().then((orderData) => {
              let orderCoupons = [];

              if (orderData.coupons && orderData.coupons.length > 0) {
                  orderCoupons = orderData.coupons.map((coupon) => coupon.code);
              }

              // Roster uses subtotalPrice when calculating referral rewards. Most brands subtract discounts from this amount so that they pay commissions on the discounted amount.
              let subtotalPrice = orderData.baseAmount;
              if (orderData.discountAmount > 0) {
                  subtotalPrice = subtotalPrice - orderData.discountAmount;
              }

              // Push orderData to API
              sAttribution.set({
                  orderId: orderData.orderId.toString(),
                  orderNumber: orderData.orderId.toString(),
                  discountCodes: orderCoupons,
                  currency: orderData.currency.code,
                  subtotalPrice: subtotalPrice,
                  totalPrice: orderData.orderAmount,
                  firstName: orderData.billingAddress.firstName,
                  lastName: orderData.billingAddress.lastName,
                  email: orderData.billingAddress.email,
                });

              sAttribution.emitOrder();
          });
      }
    }

    var saScript = document.createElement("script");
    saScript.addEventListener("load", submitOrder);
    saScript.src = "https://sa.getroster.com/sa.js?token=PUBLIC_ACCESS_TOKEN";

    var observer = new MutationObserver(function() {
        if (document.body) {
            document.body.appendChild(saScript);
            observer.disconnect();
        }
    });
    
    observer.observe(document.documentElement, {childList: true});    
</script>