# Connect Your Website

> Add the graph8 tracking snippet to your website for real-time visitor tracking, form fills, and analytics.

Source: https://docs.graph8.com/getting-started/connect-website/

Connect your website to graph8 by adding a small JavaScript snippet. This enables real-time visitor identification, form submission tracking, and website analytics.

## What You Get

Once connected, graph8 automatically captures:

- **Real-time visitors** — See which companies and contacts are browsing your site right now
- **Form submissions** — Capture leads from any form on your site without extra configuration
- **Page views** — Track which pages prospects visit and how long they stay
- **Visitor identification** — Match anonymous visitors to known contacts and companies using graph8's data

## Adding the Snippet

1. Go to **Settings → Website Tracking**
2. Copy the JavaScript snippet provided
3. Paste it into your website's `<head>` tag, just before the closing `</head>`

The snippet looks like this:

```html
<script>
  (function(g,r,a,p,h){g.g8=g.g8||function(){(g.g8.q=g.g8.q||[]).push(arguments)};
  h=r.createElement(a);h.async=1;h.src=p;r.head.appendChild(h)
  })(window,document,'script','https://cdn.graph8.com/tracking.js');
  g8('init', 'YOUR_TRACKING_ID');
</script>
```

Your unique tracking ID is pre-filled when you copy from the Settings page.

## Installation by Platform

### Google Tag Manager
1. Create a new **Custom HTML** tag
2. Paste the snippet
3. Set the trigger to **All Pages**
4. Publish your container

### WordPress
Add the snippet to your theme's `header.php` file, or use a plugin like **Insert Headers and Footers** to add it without editing code.

### Next.js / React
Add the snippet to your `_document.tsx` or `layout.tsx` `<head>` section.

## Verifying the Connection

After adding the snippet:

1. Return to **Settings → Website Tracking**
2. graph8 will show a green **Connected** status once it detects the snippet
3. Visit your own website to generate a test event
4. Check the **Visitors** section to confirm data is flowing

> **Tip:**
> It may take a few minutes for the first events to appear. If you don't see data after 10 minutes, check that the snippet is loading correctly using your browser's developer tools (Network tab).

## Next Steps

- [Connect Your Calendar →](https://docs.graph8.com/getting-started/connect-calendar/) — Enable meeting scheduling