Google Tag Manager

IMPORTANT

Google Tag Manager is often targeted by AdBlocker and extensions such as Ghostery, which means that some people might block Google Tag Manager when visiting your website. When this happens, ReferralHero will not be loaded.

Step 1: Login in Google Tag Manager and go to the container you want to use.

Step 2: Click Add a new tag.

Step 3: Give it a name (e.g: ReferralHero Tracking Code) and select Custom HTML

Step 4: Go to your campaign dashboard > Installation instructions and copy the Tracking Code

Step 5: In the textarea, paste the ReferralHero Tracking Code.

Step 6: Now we need to tell Google Tag Manager when trigger the script. Scroll down to the Triggering section, click on it and choose when to trigger the tag. We highly recommend selecting All pages to load the ReferralHero Tracking code on all your pages but feel free to set up another targeting rule.

Step 7: Save your tag.

Step 8: Click the Submit button on the upper right-hand side of the page to publish your changes. The ReferralHero Tracking Code will be automatically loaded on every page!

How can I track sign-ups in Google Analytics?

To track a sign-up in Google Analytics simply use the afterSuccess callback and choose which events you want to send.

<script type="text/javascript">
  window.RHConfig = {
      callbacks: {
        afterSuccess: function(output) {
          if (output.response == "subscriber_created") {
            ga('send', 'event', 'ReferralHero', 'sign-up', 'Waiting List');
          }
        }
      }
  }
</script>