Install the tracking pixel

The tracking pixel is a few lines of code that go on your website. It is how Happierleads sees your visitors and turns them into leads. You install it once, on every page, and never touch it again.

Open Website Settings → Tracking Pixel for the website you want to track and pick the method that matches how your website is built.

1. Pick a method: Google Tag Manager, WordPress or HTML.
2. Install it by following the steps for that method below.
3. Verify it: click Verify my website. The website turns verified when we see the code on your site.

Method 1: Google Tag ManagerCopy Anchor Link

Use this if your website already loads Google Tag Manager (a marketer or developer set it up).

1. Click Google Tag Manager.
2. Click Continue with Google and sign in with the Google account that owns your Tag Manager container.
3. We add the Happierleads tag to your container and publish it. Nothing to paste.
4. Back on the screen, click Verify my website.

Want it out again later? The same screen shows Google Tag Manager — installed with an Uninstall tracking pixel button.

Method 2: WordPressCopy Anchor Link

The Happierleads plugin is in the official WordPress plugin directory. There is nothing to download from Happierleads.

1. In your WordPress admin, go to Plugins → Add New.
2. Search for Happierleads, click Install Now, then Activate.
3. Back in Happierleads, click Verify my website.

The plugin adds the code to every page for you, so there is no snippet to paste.

Method 3: HTML (any other website)Copy Anchor Link

Use this for Shopify, Webflow, Wix, Squarespace, HubSpot or any website where you (or your developer) can edit the code of the page.

1. Click HTML (any other website).
2. Under Where will you paste it?, pick your platform, or click Not sure? Detect it. The steps on the screen then match your platform: where its code box is and how to save.
3. Click Copy code under Your pixel code.
4. Paste the code inside the <head> of your website, in the place your platform uses for site-wide code (often called "custom code", "header code" or "code injection"). It must load on every page, so use a site-wide setting, not a single page.
5. Publish your website if your platform needs it, then click Verify my website.

Not technical? Click Not technical? Invite your web developer, type their email and an optional message, and click Send: they get the code and the steps. After a verification attempt you can also click Email these steps to a developer.

Where the code goes on each platformCopy Anchor Link

Paste the code exactly as copied, site-wide, then publish and Verify.

Check that it worksCopy Anchor Link

Click Verify my website. We load the home page of the domain shown under Website domain and look for your code; we also count real visits from your site in the last 24 hours.

• Pixel verified: the website is marked verified. Click Continue, or Qualify Setup to go straight to scoring your leads.
• Pixel not found yet: the screen shows what we found and what to check for your platform. Fix it, then click Verify again.

Afterwards the Tracking Pixel card on your dashboard shows that it is installed and when it last saw a visit, and the website shows as verified in Websites. A website shows unverified until we have seen the code, and failed when we looked and did not find it.

From your AI assistant or your code, verify_website does the same check, and get_website_diagnostics explains why a verified website gets no leads (MCP tab, API tab).

Still unverified?Copy Anchor Link

Go through this list, then click Verify again:

1. Is the domain right? The check loads the domain under Website domain. If your site lives on www. or on another domain, click Different domain? Change.
2. Is the change live? Site builders and WordPress caching plugins often need you to publish or clear the cache before the new code is on the page.
3. Is the code on the home page? The check loads your home page. Code pasted into a single page or a blog template is not enough: it must be in a site-wide setting.
4. Is it the whole code? Click Copy code again and paste it once more; a partly pasted snippet is not recognised.
5. Google Tag Manager: make sure the container that got the tag is the one your website loads, and that it is published.

If visitors are already reaching your site, the check also passes from their visits in the last 24 hours, even before we find the code on the page. Still stuck? Click Need a hand? Ask the assistant on the screen, or Email these steps to a developer.

Pass your own dataCopy Anchor Link

Attach your own value to each visitor (a session key, Google Analytics ID, user or CRM ID) by setting it before the pixel loads:

window.trackingExtraInfo = { sessionKey: 'abc123', userId: 'u_42' }; // or a plain string

It comes back as customData in webhooks (an object arrives as JSON text: parse it), as happierleadsExtraInfo on the lead in the API, and as the Custom Data column in CSV exports. It is not returned over MCP. If the value contains an email address, the pixel also uses it to identify the visitor. Run window.trackingTestExtraInfo() in the browser console to create a test lead with your current value.

Consent banners and GPCCopy Anchor Link

• With a consent manager (OneTrust, Cookiebot, CookieYes, Complianz…), put the pixel in the marketing ("sale or share") category. It then loads only for visitors who allow it, and most consent managers also hold it back for browsers that send the Global Privacy Control (GPC) signal. The pixel does not read GPC itself.
• Where to put it in each tool (never in Essential / Strictly necessary or Functional):
  • OneTrust: the Targeting Cookies group (C0004), or set the tag to type="text/plain" with class="optanon-category-C0004".
  • Cookiebot: set the tag to type="text/plain" and add data-cookieconsent="marketing".
  • CookieYes: add data-cookieyes="cookieyes-advertisement" to the tag.
  • Complianz (WordPress): Integrations → Script Center → add the pixel → Marketing.
  • Google Tag Manager with Consent Mode: the pixel's tag → Advanced Settings → Consent Settings → Require additional consent for tag to fire → ad_storage.
  • Wix: Settings → Custom Code → the pixel's code → Code type → Marketing.
• Check it: in a private window accept all cookies, browse two pages, then Verify the website. No leads at all afterwards usually means the pixel is blocked for everyone: check the category.
• Without one, on Google Tag Manager: add a Custom JavaScript variable that returns navigator.globalPrivacyControl === true and use it as an exception on the pixel's trigger.
• Visitors who decline or ignore the banner are not identified, so expect fewer leads than without a banner.

Common questionsCopy Anchor Link

Does the pixel slow my website down? No. The code is marked defer, so the browser loads it after your page has shown, and visitors never wait for it.

Do I need it on every page? Yes. A visitor who only opens a page without the code is never seen. Google Tag Manager and the WordPress plugin cover every page for you; with HTML, use your platform's site-wide code setting.

The pixel is verified but I see no leads. Give it a little traffic first, and check that your visitors come from countries we cover. Then check that nothing stops new leads: an ended trial, no credits left or a paused plan (what happens when my trial ends, when your leads run out). Your Qualify rules can also keep leads out on purpose (Exclude leads).

I moved to a new website or domain. Install the same code on the new site, then change the domain under Different domain? Change and verify again. Each website in Happierleads has its own code: use the one from that website's screen.

Can I turn the pixel off? Yes. Remove the code (or the plugin, or the Tag Manager tag) and visitors are no longer identified. Deleting the website also stops tracking.

Every control on this screenCopy Anchor Link

Every button, field and switch, with what it does.