Referral Hero Documentation
Getting StartedFeaturesIntegration
  • Introduction to ReferralHero
  • Getting Started
    • Quickstart
    • Creating a New Campaign
      • Choose a Campaign Type
      • Set Your Goals
      • Define a Unique Identifier
      • Set Up Integrations
      • Set Up Automations
      • Configure Options
  • Features
    • Subscribers
      • Types Of Subscribers
  • Integrations
    • Overview
    • Embeddable Widgets
      • Advocate Dashboard Widget
      • Referral Signup Widget
      • Referral Welcome Banner
      • Sharing Widget
      • Floating Button
      • Customize the Widgets
    • Javascript Web API
      • Getting Started
      • Configuration File
      • Callbacks
      • Add a Subscriber
      • Add a Pending Referral
      • Track multi-step conversion events
      • Track Transaction
      • Identify a Subscriber
      • Identify a Referrer
      • Generate Dashboard Widget
      • Generate Sharing-Screen
    • React JS
    • Platform Specific Integration
      • Shopify
      • Webflow
      • WordPress
    • Mobile SDK's
      • React Native
        • Getting Started
        • Mobile App Testing in Development Mode
    • REST API
      • Lists
        • 🟠POST lists
        • 🟢GET lists
        • 🟢GET lists/:uuid/leaderboard
        • 🟢GET lists/:uuid/bonuses
    • API Tutorials
Powered by GitBook
On this page
  1. Integrations
  2. Javascript Web API

Getting Started

PreviousJavascript Web APINextConfiguration File

Last updated 8 months ago

The first and most crucial step is to install the ReferralHero Global Tracking Code on your website. This step is mandatory to ensure that your referral campaign can track user activities across your site and function correctly.

Follow these steps to add the Tracking Code to your website:

Step 1 : Access Your Campaign Dashboard:

  • Log in to your ReferralHero account.

  • Navigate to your campaign dashboard and select Launch.

  • Copy your unique Global Tracking Code from this section.

Step 2 : Add the Tracking Code to Your Website:

  • Insert the Global Tracking Code into the <head> section of your website's HTML. This ensures the code is loaded on every page of your site, enabling comprehensive tracking of user interactions.

  • Verify the Installation: Ensure that the code is correctly placed by checking your site's source code or using browser developer tools.

Step 3 : Enable the Global RH Object:

  • Once the Global Tracking Code is installed, your web pages will have access to the global window.RH object. This object is essential for interacting with ReferralHero’s features and tracking user actions.

By completing these steps, you ensure that your website is fully integrated with ReferralHero.

Go to your website where you have added the Global Tracking code & open console.