Embedding Checkout

Question

I'm trying to embed the checkout of GiftUp on my angular site however not show when I run my HTML page.

<div class="gift-up-target" data-site-id="XXXXXXXXXXXXXXXXXXXXXXXXXXXX" data-platform="Other"></div>
<script type="text/javascript">
    (function(g, i, f, t, u, p, s) {
        g[u] = g[u] || function() {
            (g[u].q = g[u].q || []).push(arguments)
        };
        p = i.createElement(f);
        p.async = 1;
        p.src = t;
        s = i.getElementsByTagName(f)[0];
        s.parentNode.insertBefore(p, s);
    })(window, document, "script", "https://cdn.giftup.app/dist/gift-up.js", "giftup");
</script>

Am I correct in just putting this inside my .html or should I split the script up from it. Any help greatly appreciated.