Quick Start Guide
Install Ghost Pixel and see your first visitor in under 2 minutes.
๐ Step 1: Add Your Site
Go to Settings โ Site Setup โ Add New Website.
Enter your domain, for example `example.com`.
Click Add Site.
Note your Site ID.
โ๏ธ Step 2: Install the Ghost Pixel
Copy the script tag shown after adding your site:
<script defer src="https://analytics.ghostid.ai/api/script.js" data-site-id="YOUR_SITE_ID"></script>Paste it in the `<head>` of every page or your site template or layout.
It works with any website: HTML, WordPress, Shopify, React, Next.js, and more.
Platform-specific snippets
WordPress
Add the Ghost Pixel to your theme `header.php` file or use the Insert Headers & Footers plugin.
Shopify
Go to Online Store โ Themes โ Edit Code โ `theme.liquid`, then paste the Ghost Pixel before `</head>`.
React / Next.js
Add the Ghost Pixel to `index.html`, `_document.tsx`, or `layout.tsx` depending on your app structure.
Webflow
Go to Project Settings โ Custom Code โ Head Code and paste the Ghost Pixel there.
For 100% capture reliability, activate Ghost Sentinel after install. If you need stronger identity persistence across browser resets, add Ghost Precision ID as an optional upgrade.
๐งช Step 3: Verify It's Working
Visit your website in a new tab.
Go back to the Ghost ID dashboard.
You should see yourself as a live visitor on the map within seconds.
The green pulse means you're live.
Tip: Open your site in a fresh tab after installing the Ghost Pixel to trigger a new live visit immediately.
๐ก What's Being Tracked Automatically
- Pageviews (every page load and SPA navigation)
- Visitor location, device, browser
- Traffic source and referrer
- Session duration and engagement
- Form interactions (if forms exist on your site)
- Button clicks and copy events