Set up web tracking for Loomi AI for Shopify

This guide walks you through setting up web tracking on your Shopify store to enable behavioral data collection and personalization features.

Overview

After completing your Data hub integration, you need to set up web tracking on your Shopify theme. This enables Bloomreach to track customer behavior and power personalization features.

Web tracking setup involves two components:

• Engagement tracking: Captures customer behavior and events for marketing automation
• Discovery tracking: Powers search, recommendations, and product discovery features

This guide covers the standard implementation using Shopify Web Pixel for Engagement and Bloomreach Pixel for Discovery. For custom implementation methods, see Shopify Customization.

Prerequisites

Before you begin, ensure you have:

• Completed Data hub integration: You must complete how to integrate Loomi AI for Shopify before setting up web tracking.
• Shopify theme editor access: Access to edit your Shopify theme code through Themes > Edit code.
• Marketing and Analytics consent: A "Marketing and Analytics" consent category configured in your cookie acceptance banner. For detailed prerequisites, see Shopify Web Pixel prerequisites.

Set up web tracking

1. Set up Engagement tracking (Shopify Web Pixel)

Shopify Web Pixel is part of the official Bloomreach Email & SMS Marketing app in the Shopify App Store.

A single store can only have one web pixel integration (1 project = 1 integration = 1 pixel). For complete prerequisites and implementation differences, see Shopify Web Pixel prerequisites.

Implement Web Pixel tracking

Follow the complete Web Pixel implementation guide in Shopify Setup - Web Integration.

The implementation guide covers:

• Adding the data layer snippet to your theme
• Configuring the Bloomreach Web Integration snippet
• Setting up customer identification with cart_id, email_id, and shopify_id
• Enabling event tracking flows in your Bloomreach project

❗️

Important

The order of snippets matters for proper functionality. Follow the implementation guide exactly as written.

What gets tracked: Once implemented, the Web Pixel automatically tracks customer behavior including page visits, product views, cart updates, and checkout events. Configure which specific events to track in your Bloomreach project's Web integration settings.

2. Set up Discovery tracking (Bloomreach Pixel)

The Bloomreach Pixel tracks user behavior on your store to power search, recommendations, and product discovery features.

📘 Note: This section covers pixel tracking setup only. For complete Discovery integration including search, autosuggest, collections, and recommendations configuration, see Shopify App v2 User Guide.

Enable pixel automatically

1. In your Shopify admin, navigate to the Pixel page.

2. Click Enable Bloomreach Configurations Embed Block.

3. In the opened theme editor, find Bloomreach Configurations app embed.
4. Turn on Enable Bloomreach Pixel.
5. Click Save.

Enable pixel manually (alternative)

Follow the instructions to manually enable Bloomreach Configurations App Embed, then turn on Enable Bloomreach Pixel in the app embed and click Save.

Configure pixel settings

Once enabled, the pixel tracks users as they navigate and interact with your site.

For detailed configuration options, see Shopify App v2 User Guide - Pixel. Configuration includes:

• Enable debug mode: Flags pixel data as test data for debugging (turn off on live site)
• Pixel Region: Select your account region (North America or Europe)
• Product ID field: Choose handle or id based on your Bloomreach product feed data
• Page View Pixels: Configure tracking for 7 types of page views (home, product, content, category, search, conversion, other)
• Event Pixels: Set up Add-to-cart, Search, Suggest, and Quick View event tracking
• Widget Pixels: Track view, click, and add-to-cart events for recommendation widgets

Validate pixel tracking

To validate that your pixel is tracking events correctly:

1. Install the Bloomreach Pixel Validator for Google Chrome.
2. Use the Events Management view to test Pixel Tracking with Debug Events.

For detailed validation steps and troubleshooting, see Pixel Validator documentation.

Next steps

Your web tracking setup is complete. Your Shopify store now sends behavioral data to Bloomreach to power personalization features.

Additional resources

• Loomi AI for Shopify overview - Return to the feature overview
• Loomi AI for Shopify FAQ - Common questions about the integration