Skip to main content

How to Set Up the Attribution Pixel

Install the GRRO Attribution Pixel on your website to track visitors from AI search engines. Includes setup instructions for WordPress, Shopify, Webflow, Next.js, and static HTML.

Written by Jason
Updated this week

This guide walks you through installing the GRRO Attribution Pixel on your website. The pixel tracks visitors coming from AI search engines and connects them to conversions and revenue.​

Before you start

  • You need a Starter, Pro, or Enterprise plan (the pixel is not available on Free)

  • You need the ability to add a <script> tag to your website's HTML

Step 1: Get your pixel snippet

  1. Go to Attribution > Setup in the left sidebar

  2. Copy the two-line snippet shown on the page. It will include your org key pre-filled.

The snippet looks like this:

xml

<script> window.__llmseo_config = { key: 'YOUR_ORG_KEY', endpoint: 'YOUR_ENDPOINT_URL' }; </script> <script src="https://your-endpoint/pixel.js" async></script>

Step 2: Add it to your website

Paste the snippet before the closing </body> tag on every page of your site. How you do this depends on your platform:

WordPress

  1. Go to Appearance > Theme Editor (or use a plugin like Insert Headers and Footers)

  2. Add the snippet to your footer template before </body>

  3. Save

Shopify

  1. Go to Online Store > Themes > Edit Code

  2. Open theme.liquid

  3. Paste the snippet before </body>

  4. Save

Webflow

  1. Go to Project Settings > Custom Code

  2. Paste the snippet in the Footer Code section

  3. Publish

Next.js / React

Add the snippet to your root layout or _document file before the closing </body> tag, or load it dynamically with a useEffect hook.​

Static HTML

Add the snippet before </body> on every page.

Step 3: Add conversion tracking (optional)

To track specific actions (signups, purchases, form submissions), add tracking calls where those events happen:

js

// Track a signup window.llmseo.track("signup"); // Track a purchase with a dollar amount window.llmseo.track("purchase", 49.99);

Auto-track forms

js

// Automatically track submissions for a specific form window.llmseo.trackForm("form#signup-form");

Auto-track phone clicks

js

// Automatically track phone number link clicks window.llmseo.trackPhoneClick("a[href^='tel:']");

Step 4: Verify it is working

  1. Visit your website in a browser

  2. Go back to GRRO and open Attribution > Overview

  3. You should see your visit appear within a few minutes

What the pixel tracks automatically

Once installed, the pixel detects visitors from these AI engines without any extra configuration:

  • ChatGPT

  • Perplexity

  • Gemini

  • Claude

  • Grok

  • Copilot

  • You.com

  • Phind

It also captures UTM parameters, landing page URLs, device type, and session data.

Privacy and performance

  • The pixel is under 5KB

  • No personal data is stored (no names, emails, or IP addresses)

  • First-party cookies only

  • Respects Do Not Track browser settings

Troubleshooting

I do not see any data in the Attribution dashboard.
​

Make sure the snippet is on the page (check your browser's developer tools > Elements tab and search for __llmseo_config). Also check that your org key matches what is shown on the Setup page.

Conversions are not tracking.
​

Make sure the window.llmseo.track() call is firing after the pixel has loaded. The pixel loads asynchronously, so place conversion tracking calls in response to user actions (button clicks, form submissions), not on page load.​

If you tell me which platform you’re using (WordPress, Shopify, Webflow, custom React, etc.), I can give you a tighter, platform-specific version of this block.

Did this answer your question?