Explain how to track Ecommerce Orders in Shopify store (using image pixel tracking) #17024

an FAQ explains how to add shopify ecommerce store page tracking with Matomo in https://matomo.org/faq/new-to-piwik/how-do-i-install-the-matomo-tracking-code-on-my-shopify-store/

and the FAQ says:

Currently Matomo does not have an eCommerce integration with Shopify, so Ecommerce tracking is not available. That’s because Shopify plans don’t allow 3rd party javascript on their checkout pages, so Matomo cannot track these ecommerce checkout pages.

as Shopify is very popular among ecommerce, it would be valuable to also be able to track shopify ecommerce sales in the Matomo analytics dashboard. Looking at their docs online at https://help.shopify.com/en/manual/orders/status-tracking/customize-order-status/add-conversion-tracking there seems to be a feature to do conversion tracking using an image beacon such as:

<img src="https://www.tracking.com/pixel.gif?amount={{ total_price | money_without_currency }}&amp;order-id={{ order_number }}&amp;currency={{ currency }}" height="1" width="1" />

Limitation: It looks like we won't be able to track the products, but tracking the sale and amount is already extremely valuable.

Suggested steps:

1. double check whether it works to record the ecommerce sale in Matomo using pixel beacon,
2. update our Shopify FAQ to include instructions on how to add this image beacon

FYI customer who uses shopify messaged:

see the recordings of the user journey from the moment they arrived on our site until they left either without placing an order or with placing an order?

why not use the script pixel?
you have to load the base tag in advance (to capture the pageview also), and then fire the conversion event

a similar solution is used by the Bing tag in Shopify