Set up Hyperguard on your website in under 5 minutes.

Quick Start Guide

Get Hyperguard running on your website in 3 simple steps.

Step 1: Create a Property

After signing in to the console, navigate to Properties in the sidebar. Click Create Property and enter:

  • Property Name — A friendly name for your website (e.g., "Marketing Site")
  • Website URL — Your site's domain (e.g., example.com)
  • Timezone — Used for analytics date grouping
  • Currency — Used for ad spend calculations

Step 2: Install the Tracking Script

Once your property is created, go to the Installation tab. You'll see a script tag like this:

<script>
  window.HG_CONFIG = {
    "clientId": "hg_your_client_id",
    "apiKey": "hg_live_your_api_key",
    "apiEndpoint": "https://api.hyperguard.app/v1/events"
  };
</script>
<script src="https://api.hyperguard.app/hg-tracker.min.js" async></script>

Add this to the <head> section of every page on your website. The script is lightweight (~15KB gzipped) and loads asynchronously, so it won't affect page performance.

💡 Single Page Applications

If your site is a SPA (React, Vue, Next.js, etc.), enable SPA Mode in the Installation tab. This ensures page navigation events are tracked correctly without full page reloads.

Step 3: Verify Installation

After installing the script, visit your website and generate a few page views. Then return to the Hyperguard console:

  1. Go to Dashboard → Overview
  2. You should see session data appearing within 1-2 minutes
  3. The real-time activity monitor will show your visits

ℹ️ First Data

It may take a few minutes for the first sessions to appear. If you don't see data after 5 minutes, check the Installation tab for troubleshooting tips.

What's Next?

  • Connect ad platforms — Link Google Ads or Meta to see fraud analysis on the Attribution page
  • Set up alerts — Configure Slack, Discord, or email notifications for bot activity spikes
  • Invite your team — Add team members in Organization settings
Quick Start Guide | Hyperguard Docs