🎯 Conversion Tracking Setup Guide

Track when people who clicked your ad take actions on your website. You only pay when someone actually converts!

⚡ Quick Setup (2 Steps)

Step 1: Install Tracking Script (One Time)

Copy and paste this code into your website's HTML (before the closing </head> tag):

<!-- Supperage Conversion Tracking -->
<script src="https://supperage.com/js/supperage-tracking.js"></script>
<script>
    SupperageTracking.init('YOUR_AD_ID_HERE');
</script>

Replace YOUR_AD_ID_HERE with your actual ad ID found in your campaign dashboard.

Full Website Example

Here is how a complete HTML page looks with tracking integrated for downloads, signups, and purchases.

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>My Online Course Website</title>
    
    <!-- STEP 1: Install Tracking -->
    <script src="https://supperage.com/js/supperage-tracking.js"></script>
    <script>
        SupperageTracking.init('456'); 
    </script>
</head>
<body>
    <h1>Welcome to My Online Course!</h1>
    
    <button id="downloadBtn">Download Free Ebook</button>
    <button id="signupBtn">Sign Up</button>
    <button id="buyBtn">Buy Course - ₦5,000</button>
    
    <script>
        // STEP 2: Track conversions
        
        document.getElementById('downloadBtn').addEventListener('click', function() {
            window.location.href = '/ebook.pdf';
            SupperageTracking.trackDownload();
        });
        
        document.getElementById('signupBtn').addEventListener('click', function() {
            // Your signup logic...
            SupperageTracking.trackSignup();
        });
        
        document.getElementById('buyBtn').addEventListener('click', function() {
            // After payment confirmation...
            SupperageTracking.trackPurchase(5000);
        });
    </script>
</body>
</html>

📊 Available Action Types

Action Type	When to Use	Code to Use
Signup	User creates account	`trackSignup()`
Purchase	User buys something	`trackPurchase(amount)`
Download	User downloads file	`trackDownload()`
Lead	User becomes a lead	`trackLead()`

✅ How to Test It Works

Open your website and press F12 to open the Developer Console.
Perform a test action (like clicking your signup button).
Look for: "✅ Supperage conversion tracked" in the console.