Customers
Events Ingested
Offers Generated
Recent Offers
Loading offers...
Customers
Loading customers...

Install Tracking Snippet

Add one line to your website and start capturing customer behavior automatically. No backend code needed.

or
HTML
<!-- Proffer: Auto-capture behavioral signals -->
<script src="/proffer.js"
        data-key="YOUR_API_KEY"></script>

Setup — 2 Minutes

  1. Create an API key

    Select an existing key above, or create a new one. This authenticates your website's events.

  2. Paste into your <head> tag

    Copy the snippet and paste it just before the closing </head> tag on every page you want to track. Works with any website — Shopify, WordPress, Webflow, Squarespace, or custom HTML.

  3. Events flow automatically

    Page views, button clicks, and form submissions are captured instantly. No additional code required.

What Gets Captured

👁

Page Views

Every page load, including URL, title, and referrer. SPA-compatible (React, Vue, etc).

👆

Clicks

Button clicks, link clicks, and any element with role="button". Captures text and CSS selector.

📝

Form Submissions

Captures form field names (never values) when a form is submitted. Privacy-safe by default.

🔒

Privacy-First

No cookies. No PII. Anonymous visitor IDs. Only captures field names, never input values.

Custom Events

Track purchases, signups, or any business event with one line of JavaScript:

JavaScript
// Track a purchase
proffer.track('purchase', {
  amount: 49.99,
  product: 'pro_plan',
  currency: 'USD'
});

// Track a signup
proffer.track('signup', {
  plan: 'free',
  source: 'landing_page'
});

// Identify a known user (links anonymous events)
proffer.identify('user_12345', {
  email: 'sarah@example.com',
  name: 'Sarah Chen'
});
💡

Pro tip: Add data-proffer-track="cta_click" to any HTML element to auto-name click events. For example: <button data-proffer-track="upgrade_click">Upgrade</button>

Platform Guides

🟢

Shopify

Online Store → Themes → Edit code → theme.liquid → paste before </head>

🔵

WordPress

Appearance → Theme Editor → header.php → paste before </head>. Or use "Insert Headers and Footers" plugin.

🟣

Webflow

Project Settings → Custom Code → Head Code → paste snippet. Publish to apply.

Squarespace

Settings → Advanced → Code Injection → Header → paste snippet. Save.

Create API Key

You need an API key to send events via the webhook. Create one below.

Copy now. You won't see this again.
API Keys
Loading keys...

Quick Test

Send sample customer data to test your integration.

'; } function copySnippet(btn) { var text = getSnippetText(); navigator.clipboard.writeText(text).then(function() { btn.classList.add('copied'); btn.innerHTML = ' Copied!'; setTimeout(function() { btn.classList.remove('copied'); btn.innerHTML = ' Copy'; }, 2000); }); } function copyCodeBlock(btn, preId) { var el = document.getElementById(preId); var text = el.textContent; navigator.clipboard.writeText(text).then(function() { btn.classList.add('copied'); btn.innerHTML = ' Copied!'; setTimeout(function() { btn.classList.remove('copied'); btn.innerHTML = ' Copy'; }, 2000); }); } // ============================================================ // UTILS // ============================================================ function escHtml(str) { if (!str) return ''; return str.replace(/&/g, '&').replace(//g, '>').replace(/"/g, '"'); } // ============================================================ // INIT // ============================================================ loadDashboard();