Shopify No-Code Instrumentation
Shopify No-Code Instrumentation is the fastest way to enable clickstream tracking for your Shopify storefront. By adding a single script tag, you can automatically capture standard eCommerce events such as page views, product views, add-to-cart actions, and completed purchases.
The tracker automatically detects storefront context, captures customer interactions, and sends structured event payloads to Algonomy rCDP in real time. This eliminates the need for manual event instrumentation, mapping, or ongoing maintenance.
Why Use No-Code Instrumentation
No-Code Instrumentation removes developer dependency and allows marketing, product, and analytics users to enable full behavioral tracking within minutes.
Advantages of No-Code Integration
-
Instant Setup: Deploy tracking using a single script tag without development cycles or QA dependencies.
-
Zero Maintenance: The tracking script is managed by Algonomy and automatically adapts to Shopify platform changes.
-
Production-Ready from Day One: Pre-configured and validated against Shopify’s data model for accurate event capture.
-
Automatic Data Extraction: Captures product, cart, collection, and checkout data directly from Shopify without custom code.
-
Consistent Data Model: All events are aligned with the rCDP event taxonomy.
-
Non-Technical Friendly: Enables business users to configure and manage tracking independently.
When to Use No-Code Instrumentation
This approach is recommended if your goal is to capture standard eCommerce clickstream data quickly and reliably.
Prerequisite
Before enabling No-Code Instrumentation, you must install the Algonomy rCDP Clickstream JS SDK in your Shopify storefront.
The SDK provides the core runtime for event tracking, session management, payload construction, and communication with Algonomy rCDP.
To install the SDK, see: Installing Algonomy JS SDK in Shopify
Getting Started
Add the Algonomy No-Code JavaScript tag to your Shopify theme layout file. Once added, the script automatically detects page context and captures all supported events.
-
Log in to Shopify Admin
-
Go to Online Store → Themes
-
Select your active theme and click Edit Code
-
Open layout/theme.liquid
-
Add the script before the closing </body> tag
<!-- Algonomy No-Code Tracking Script -->
<script src="https://cdn.algonomy.com/shopify/nocode-tracker.js" async></script>
Example Placement
{{ content_for_layout }}
<!-- Algonomy No-Code Tracking Script -->
<script src="https://cdn.algonomy.com/shopify/nocode-tracker.js" async></script>
</body>
</html>
What Happens Next
-
The tracker detects Shopify page context automatically
-
Customer interaction events start firing in real time
-
Events are normalized and sent to rCDP
-
No additional configuration is required
How It Works
Add Script
The tracking script loads across all pages
Auto-Detect
Shopify context and objects are identified
Capture Events
User interactions trigger clickstream events
Send to rCDP
Event data flows to rCDP in real time
The Algonomy Shopify JavaScript (JS) enables automatic behavioral tracking on Shopify storefronts. Once the script is added to the storefront, it detects the page context, captures customer interactions, and streams clickstream events to Algonomy rCDP in real time for analytics and personalization.
-
Add Script: Once you add the Algonomy Shopify JS snippet to your Shopify storefront in the theme layout, the script loads on all storefront pages and initializes the Algonomy tracking library.
-
Auto-Detect: The Algonomy Shopify JS automatically detects the page context and relevant Shopify storefront objects. This includes information such as:
-
Page type (home, collection, product, cart, checkout, etc.)
-
Product details (ID, name, price, category)
-
Cart details
-
Session and user identifiers
This enables the tracker to understand what the customer is viewing or interacting with without requiring additional manual configuration.
-
-
Capture Events: As customers interact with the storefront, the script automatically captures clickstream events such as: Page views, Product views, Add-to-cart actions, Cart updates, Checkout initiation, Purchase completion etc.
These events are generated in real time based on user interactions with the store.
-
Send to Algonomy rCDP: The captured clickstream events are transmitted to Algonomy rCDP in real time. The platform processes these events to build customer behavior profiles and enable analytics, personalization, and recommendation capabilities.
For example, when a customer visits a product page and clicks Add to Cart:
-
The Algonomy Shopify JS detects the product page context.
-
Product information (such as product ID, name, and price) is read from Shopify storefront objects.
-
When the user clicks Add to Cart, the script automatically generates an AddToCart event.
-
The event is sent to Algonomy rCDP, where it is recorded as part of the customer's behavioral session.
Events Captured Automatically
The tracker listens for user interactions across key Shopify storefront pages and system objects (such as products, collections, cart, checkout, and customer accounts). For each interaction, it constructs a structured event payload and sends it to the configured rCDP tracking endpoint.
The following events are captured automatically without requiring any additional instrumentation or configuration:
|
Event |
Description |
|---|---|
|
eventHomePage |
Home page view |
|
eventSearch |
Search interaction |
|
eventCategory |
Category page view |
|
eventProduct |
Product detail view |
|
eventAddToCart |
Add product to cart |
|
eventCartItemEdit |
Edit cart item |
|
eventCheckout |
Checkout initiated |
|
eventTransactionComplete |
Successful transaction |
|
eventTransactionFailure |
Failed transaction |
|
eventCustomerCreate |
Account creation |
|
eventUpdateProfile |
Profile update |
|
eventLogin |
Customer login |
|
eventLogout |
Customer logout |
|
eventForgotPassword |
Forgot password |
Example Event Payload
{
"eventName": "eventProduct",
"timestamp": "2026-03-13T12:45:21Z",
"sessionId": "8f23a1c9b7",
"userId": "customer_10234",
"page": {
"type": "product",
"url": "/products/running-shoes"
},
"product": {
"productId": "SKU_45678",
"name": "Running Shoes",
"category": "Footwear",
"price": 89.99
}
}
Extending with Custom Events
For advanced use cases, you can extend No-Code instrumentation using Low-Code integration.
This allows you to define custom events, enrich payloads, and implement conditional tracking logic without replacing the existing setup.
-
Track additional custom interactions
-
Add custom attributes to events
-
Capture business-specific conversions
-
Apply conditional logic based on context