Skip to main content

Install Vibe Pixel on Go High Level website

Vibe.co provides a JavaScript-based pixel to help you track page views, leads, and purchases on your website. This guide will walk you through implementing the pixel on your Go High Level site step by step.

Step 1: Access Your Vibe Pixel Code

  1. Click your username in the top right corner of your Vibe dashboard.

  2. Select Tracking from the dropdown menu — you'll be routed to the Web Pixel page.

  3. Select Go HighLevel as your installation method.

  4. Choose your Advertiser and click Continue.

  5. The page opens on the Page view event tab with your Page View snippet ready to copy — copy this code first.

  6. To get your Lead and Purchase event codes, click the Additional events tab on the same page and copy each snippet from there.

Step 2: Log in to Go High Level

  1. Go to your Go High Level dashboard.

  2. Select the Sites tab from the left-hand menu.

  3. Choose the site or funnel where you want to implement the pixel.

Step 3: Add the Page View Pixel to Your Site

  1. Open the site or funnel editor for your selected project.

  2. Navigate to the Websites tab.

  3. Scroll down to the Head tracking code section.

  4. Paste the JavaScript code for the page view pixel into the header.

  5. Save your changes.

This ensures the page view pixel fires on every page of your site.

Step 4: Add the Lead Event Pixel

If you want to track leads (e.g., form submissions):

  1. Go to the specific page or funnel step where lead actions occur.

  2. Open the Custom Code section for that page.

  3. Paste the Vibe Lead snippet you copied from the Additional events tab in Step 1, just before the closing <head> tag.

  4. Save your changes.

Alternatively, if you need to fire the lead pixel on a button click:

  1. Locate the button in the editor.

  2. Use the Advanced tab to add a custom JavaScript code snippet to the button’s on-click action.

  3. Paste the lead event JavaScript code.

  4. Save your changes.

Step 5: Add the Purchase Event Pixel

To track purchases (e.g., successful payment confirmation):

  1. Open the confirmation page for purchases.

  2. Navigate to the Custom Code section of that page.

  3. Paste the Vibe Purchase snippet you copied from the Additional events tab in Step 1, just before the closing <head> tag.

  4. Replace INSERT_PRICE_HERE with the appropriate dynamic price variable from Go High Level so revenue reports correctly. If you want to track individual purchases for reconciliation, enable the optional purchase_id attribute when copying the snippet.

  5. Save your changes.

Troubleshooting Tips

  • Ensure the JavaScript code is placed in the correct sections (header for global events, specific pages for event-specific actions).

  • If your pixel isn't firing, double-check the code for typos or missing elements.

  • For dynamic variables (e.g., Order ID, Price), confirm the placeholders are replaced with actual variables provided by Go High Level.

  • To verify installation, open Developer Tools → Network tab, filter for "Vibe," and look for vbpx.js and s?aid=... requests firing with the correct event name.

Related Articles
Did this answer your question?