Setting up Cross Domain Tracking for a Headless Shopify Store

[JonathanFunk]

Hi there! So we have created 3 stores powered by Shopify in the backend & Next.js on the front-end. We run Search & Social ads so our issue is that all purchases source & medium are going to direct/none in Google Analytics 4 when we know they are coming from paid traffic.

Take a look at https://www.wofwoodward.com/ for instance. This is the link for the checkout button: https://west-of-woodward.myshopify.com/63618056443/checkouts/e791ec267a27fcea4d5873b867228754?key=3d...

And when we click on the checkout button, it redirects here: https://west-of-woodward.myshopify.com/checkouts/co/e791ec267a27fcea4d5873b867228754/information. We basically lose the parameters.

We've reached out to Shopify Support with no success. Could anyone explain the issues we are experiencing? Has anyone successfully integrated cross domain tracking with a Headless Shopify Store?

[VassosSM]

I have had the same issue, and they wouldn't help either. I setup Google Tag Manager manually. And then I have a custom app using the Webhook order/create to send event back to GTM. Apparently the new pixels they have, are supposed to be supported in Headless, soon and that will solve big issues, that was my solution for now. 

[thesilk]

@JonathanFunk 

I believe you have been able to solve this issue, as I noticed that during the checkout the main domain remains the same. 

Could you share with me how you have solved it? 

[SeanD6]

Hi @JonathanFunk 

We are facing a similar issue with our new headless site. Did you manage to resolve this? Shopify support was no help for us as well.