Ghost ID Docs
Product documentation
Back to Dashboard

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:

HTML
<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

๐Ÿ‘‰ Next Steps