By placing the Vibe JavaScript snippet directly in your store's theme, you can start tracking user activity such as page views, leads, and purchases for retargeting purposes.
Step 1: Get Your Vibe Pixel Snippet
Log in to your Vibe account.
Click your account name in the top right corner, then select Tracking → Web Pixel.
Click Set up a pixel.
Choose your Advertiser, then select Adobe Commerce as your installation method.
Copy the JavaScript snippet shown — this defaults to the Page View event.
To also track Leads and Purchases, click the Additional events tab and copy those snippets as well.
Note: The Lead tracking code should only be implemented on your lead confirmation page. The Purchase tracking code should only be implemented on your purchase confirmation page. If you're selling at multiple price points, you can dynamically pass the purchase value instead of a fixed amount — see Step 3 below.
For more on event types generally, see: Vibe Pixel
Step 2: Add the Pixel Snippet to Your Adobe Commerce Theme
To ensure the Vibe Pixel loads on every page, you’ll insert the snippet into the HTML <head> section of your theme.
1. Go to Your Admin Panel
Log in to your Adobe Commerce admin.
Navigate to:
Content → Design → Configuration
2. Edit Your Store View Theme
Select the relevant Store View (typically “Default Store View”) and click Edit on the right.
3. Add the Pixel to the Header
Scroll down to the HTML Head section.
In the Scripts and Style Sheets field, paste your Vibe Pixel snippet.
4. Save and Clear Cache
Click Save Configuration.
Go to System → Cache Management, then click Flush Adobe Commerce Cache to apply changes.
Step 3: Optional – Add Lead and Purchase Event Tracking on Specific Pages
You can add Lead or Purchase events by pasting their respective snippets into specific Adobe Commerce CMS pages or templates:
Lead event
Paste the Lead event snippet on whichever page confirms the action you want to count as a lead — for example, an account-creation confirmation, quote-request thank-you page, or contact form submission page. A Lead isn't limited to form fills; it should fire wherever the meaningful pre-purchase action is confirmed.
Purchase event: add to Order Success Page:
To track purchases, paste the Purchase event snippet into the success page template:
Path:
app/design/frontend/<Vendor>/<theme>/Magento_Checkout/templates/success.phtml
If you want to capture purchase values dynamically, replace the price placeholder:
value: INSERT_DYNAMIC_TOTAL
Use Adobe Commerce {{order.grand_total}} or equivalent methods depending on your setup.
Step 4: Validate That the Pixel Is Working
Open your site in Chrome.
Open DevTools (right-click → Inspect → Network tab).
Refresh the page.
Search for
vbpx.jsors?aid=...calls.Click the
s?aidrow → Payload → confirm thea:field shows the expected event name (Page View, Lead, or Purchase).Return to the Web Pixel page in your Vibe dashboard — you should see your own visit appear within a few moments.
Troubleshooting Tips
Issue | Solution |
Pixel not firing | Make sure it’s placed inside the <head> section in Design Configuration |
No events on conversion pages | Double-check the Lead/Purchase snippets are on the correct confirmation page |
Still seeing no data | Clear all Adobe Commerce caches and verify with browser DevTools |