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!

1 Like

@David_Culbertson thanks for the feedback, I’ve passed it to the team.

Unfortunately due to how Shopify allows us to integrate, for now it’s the only way to make it work with the ecommerce features.

You can try to install Piwik PRO Tag Manager container on your own in theme but we cannot guarantee that all the features will be working correctly.

As far as Shopify e-commerce data tracking goes, is there any difference between using the pixel and using the app? Can you clarify that for me? Then, I assume for any other tags, I’m gonna have to install your container tag in the Thieme.

@David_Culbertson
The main difference between integration and pixel is how much you can modify it. While our integration app allows you for simple settings, code from help center allows you to adjust more things with custom built in shopify functions.

Thanks, @jfidala

I’ll stick with the pixel for the shopify tracking and added the PP container snippet to theme.liquid for managing other tags.

Looking for a solution as well.

We tried install using Shopify Pixel and with the new app. Also tried with/without tracking code. The tracking code is required as the app otherwise does not seem to work.

Client side actions work in the debugger when consent is given, however the custom pixel events (add to cart, purchase) do not show up in debug.

Hello @blugarda and welcome to the community.

Don’t use both setups, use either app or dedicated shopify tracking pixel from our helpcenter:

If you are using shopify integration app make sure that in settings all ecommerce events are selected like in article. If those problems persist, send me your shop URL and instance name - I will try to look into it

This topic was automatically closed 2 days after the last reply. New replies are no longer allowed.