/shopify-pixels

Analyzify's open-source guide & codes on Shopify Pixels & Customer Events. Follow this repo to stay up-to-date with the new pixels.

Primary LanguageJavaScript

Shopify Customer Events & Shopify Pixels

Shopify has announced yet another phenomenal feature: Shopify Customer Events also known as Shopify Pixels. Our team at Analyzify has prepared open-source code blocks and tutorials for Shopify merchants to get the best out of this feature.

Shopify customer events shopify pixels sectin in admin panel

With this feature, Shopify merchants can:

  • Manage marketing & tracking pixels from one place,
  • Use Shopify's server-side event and Shopify's liquid objects to track events.

More importantly, 3rd party tracking scripts will no longer be needed. Analyzify team has already prepared an open-source code block for Shopify & Google Analytics 4 integration.

Set up Google Analytics 4 using Shopify Pixels

You can use the GA4 code block in this repo and follow the tutorial on this page: Shopify Pixels to achieve a Google Analyics 4 tracking including e-commerce events such as:

  • Add to cart
  • Product View
  • Begin checkout
  • Add payment info
  • Purchase.

Analyzify's open-source solution doesn't only cover the events but also the metrics/dimensions along with them.

Set up GA4 E-commerce Tracking using Shopify Pixels

More resources on Shopify Customer Events

Shopify Customer Events is a recently released featured. We strongly recommend reading Shopify's documentation, changelog and tutorials before you take any action here. Shopify clearly stated that they won't be supporting the pixels that you add on these sections.

Shopify Pixels and Customer Events

Pixels Overview

Custom Pixels

Youtube: How to add or modify custom pixels in your Shopify Store?

Our updates on this repo will continue! Stay tuned!