Web Pixel
Chord's tracking can be easily installed on Shopify stores using a Shopify custom web pixel. A Shopify custom web pixel is a JavaScript code snippet that runs on Shopify themes and on Shopify checkouts with Checkout Extensibility. Pixels are managed through the Customer events page in Shopify.
Chord's web pixel includes:
- Pre-checkout tracking from the Shopify theme storefront (e.g., "Product Viewed" track events, page views)
- Checkout tracking from Shopify checkout (e.g., "Payment Info Entered" track events, page views)
Chord's web pixel can only add pre-checkout tracking to your storefront if your storefront uses a Shopify theme. If your storefront is headless, add pre-checkout tracking using the analytics SDK npm package instead.
Similarly, the web pixel can only add tracking to checkout if you have upgraded your Shopify checkout to Checkout Extensibility. If you're using checkout.liquid to customize your checkout, add tracking events using the Liquid snippet instead.
If your storefront is headless, but you have upgraded your checkout to Checkout Extensibility, you can still use the web pixel for checkout tracking. You may choose to comment out or delete the pre-checkout events you're not using in the web pixel code.
Keep reading to for an in-depth guide to adding the Chord web pixel to your Shopify store: