Integrate BounceX with Google Tag Manager

<script>
require(['DataLayerPurchaseApi'], function (dataLayerPurchaseApi) {
    var purchase = dataLayerPurchaseApi();
    
    var bouncexFormat = {
        renameFieldTo: {id: 'sku', product_id: 'product_id' quantity: 'quantity', price: 'price'}
    }; 
    
    var bouncexItems = purchase.getItems(bouncexFormat);
    
    <!-- Start BounceX Conversion MultiPixel. Deploy at the beginning of document head. -->
    top.bouncex = top.bouncex || [];
    top.bouncex.push(["conversion", {
        "order_id": purchase.getOrderId(),
        "email": purchase.getEmail(),
        "phone":"",
        "goal":"purchase",
        "transaction_origin": "website",
        "currency": purchase.getCurrencyCode(),
        "coupon": purchase.getOrder('coupon').split(','),
        "total_discount":purchase.getOrder('coupon'),
        "tax":purchase.getOrderTax(),
        "shipping":purchase.getOrderShipping(),
        "amount":purchase.getOrderTotal(),
        "pay_method":purchase.getPaymetMethod('title'),
        "item":bouncexItems
    }]);
    <!-- End BounceX Conversion MultiPixel. -->
    
    var queryParms = {
        website_id: 'Add your Container Tag Id here',
        order_id: purchase.getOrderId(),
        email: purchase.getEmail(),
        amount: purchase.getOrderTotal(),
        goal: 'purchase'
    };
    
    purchase.setUrlDomain('//api.bounceexchange.com/capture/convert2.gif');
    purchase.addUrlParams(queryParms);
        
    var url = purchase.buildUrl();
    purchase.addImage(url);  
});
</script>