Step-by-step guide to adding the LemReveal pixel to any website.
The LemReveal tracking pixel is a single `<script>` tag that takes under 2 minutes to install.
## Getting Your Pixel Code 1. Go to **Sites** → select your site → **Pixel Setup** 2. Copy the script tag. It looks like: ```html <script src="https://your-project.supabase.co/functions/v1/pixel-js?k=lmr_YOUR_KEY" defer></script> ```
## Where to Paste It Add the script inside the `<head>` tag of every page you want to track. Placing it in the `<head>` with `defer` ensures it loads without blocking page rendering.
## Platform-Specific Instructions ### WordPress Install the free **Insert Headers and Footers** plugin → Settings → Insert Headers and Footers → paste the script into the "Scripts in Header" box → Save. ### Shopify Online Store → Themes → Edit Code → `theme.liquid` → paste just before `</head>`. ### Webflow Project Settings → Custom Code → Head Code → paste and publish. ### Next.js / React Add the script to your `_document.tsx` or `index.html` `<head>` section. ### Google Tag Manager See our dedicated [GTM Setup Guide](/help/gtm-setup).
## Verifying Installation After installing, visit your website and then check your LemReveal dashboard. You should see your own visit appear within 60 seconds. You can also open browser DevTools → Network tab and search for `pixel-js` to confirm the script loaded successfully.
## Important Notes - The pixel is lightweight (~4 KB) and does not slow down your site - It works with all major browsers including Safari, Chrome, Firefox, and Edge - It respects `Do Not Track` settings and cookie consent integrations - The `defer` attribute ensures it never blocks page rendering