Shopify has recently mandated that pixel apps use the new Web Pixel App Extension, which has some notable shortcomings. The Shopify Web Pixel operates within a strict sandbox environment, meaning it does not have access to the global window and document objects.
This presents a challenge for pixels like Facebook and TikTok, which require their base code to be loaded. These libraries need access to the global window and document objects to function correctly. Unfortunately, this does not appear to be possible within the strict sandbox environment enforced by Shopify.
Facebook base code example
!function (f, b, e, v, n, t, s) {if (f.fbq) return; n = f.fbq = function () {n.callMethod ? n.callMethod.apply(n, arguments) : n.queue.push(arguments)}; if (!f._fbq) f._fbq = n; n.push = n; n.loaded = !0; n.version = '2.0'; n.queue = []; t = b.createElement(e); t.async = !0; t.src=v; s = b.getElementsByTagName(e)[0]; s.parentNode.insertBefore(t, s)}(window, document, 'script', 'https://connect.facebook.net/en_US/fbevents.js');
From this above code we get window is not defined in strict sandbox environment.
