Debug Mode Doesn't Work With Shopify Custom Pixel

Hello,

I’ve got Shopify site (https://cornhole.org) for which debug mode doesn’t work. Is this a known issue? I’m getting data into the related Piwik Pro account but without debugging mode, I can’t confirm if a tag for MS Clarity is firing.

hello @David_Culbertson

How is Piwik PRO installed on this specific Shopify instance?

Can you verify it with our tutorial:

Debug mode works based on tags, and it seems that the Piwik PRO Tag Manager container is not loaded on the page. In general, Shopify runs web pixel code in a sandboxed environment, inside a separate isolated worker. That’s why the page doesn’t have direct access to client tracker for example.

1 Like

@jfidala

Yes, using the recommended method:

Here’s the MS clarity tag set-up in PP tag manager, it is set to fire on a all page views:

It stopped firing in late Feb/early Mar, probably after I switched to the sandboxed pixel.

@David_Culbertson it’s tracking code, not container code - that’s why it’s not loading tags.

Depending on your consent setup you will have to do something like in second option - add tag manager container and think about some solution to either use your consent manager or the one in tutorial.

@jfidala

Very enlightening! I notice that nowhere on your Shopify tracking code installation is there a clarifying statement that this tag, since it’s a Shopify-specific tag, does not take the place of the base PP tag (i.e., the PP tag manager). I highly recommend that you add such a disclaimer.

So what’s the solution? Should I install your tag manager in theme.liquid OR use the Shopify-specific installation of your tag manager:

AND, it appears to capture some of the same data as your Shopify pixel:

So now, I am super confused!