Share page installation

The share page is a very important part of any campaign and has several functionalities linked to it. The share page is accessible by all your referrers and will be served from your domain but hosted by EarlyParrot. The share page has four different tabs:

Share

The share tab provides the following functionality:

  • provides referrers with a way how to post & share your campaign on social media with a click of a button
  • provides referrers with an easy way how to send email invites to their friends
  • generates unique referral links for referrers to copy and paste wherever they deem necessary

Rewards

The rewards tab showcases all the rewards and their associated milestone that a referrer can get.

Activity

The activity tab gives a brief overview of the activity of a particular referrer in a given campaign.

Inbox

The Inbox tab is where the referrer can view, read and reply to Inbox messages sent by you. When sending an Inbox Message via the EarlyParrot Inbox feature, subscribers will land on the share page on the Inbox tab. Such messages will help to get your referrers engaged and share your campaign more.

How does the EarlyParrot Share Page work?

The EarlyParrot share page works in an iFrame which will be embedded on your website. Your subscribers and referrers will not notice that you are using a third party solution as the Share Page styling can be tweaked in the branding step in the campaign create/edit wizard.

Share Page Script

Method 1: Placing share page script directly on the share page

In the Integrations steps, in the create/edit campaign wizard, you will get to install the share page. Click on the configure button under the Share Page.

Copy the provided script and paste it in the BODY section of your share page. Enter the URL of the share page in the provided input box and click Verify Installation.

EarlyParrot will verify your share page installation and will guide you accordingly.

Whilst placing scripts directly on pages will work, we strongly recommend you use Google Tag Manager to install and manage your scripts. Check out Method 2 for more information on how to install Share Page scripts via Google Tag Manager.

Method 2: Using Google Tag Manager to install your share page script

Google Tag Manager will allow you to install, test, deploy and even rollback scripts with ease. To install the share page script via Google Tag Manager you must have Google Tag Manager installed on your website. Once you have Google Tag Manager installed, you are ready to install and deploy EarlyParrot scripts including Share Page script.

Log into your Google Tag Manager and go to Triggers tab.

Create a new trigger new Page View trigger.

Call it EarlyParrot Share Page Trigger. Set the trigger condition to make sure it triggers only on the share page URL.

Then go the tags tab.

Create a new Custom HTML tag.

Call it EarlyParrot Share Page and paste the following script. Please make sure you replace YOUR_CAMPAIGN_ID with your valid campaign id.

 

<script type="text/javascript">
    var epVars = {
      adminUrl : "https://admin.earlyparrot.com",
      appUrl : "https://app.earlyparrot.com",
      campaignId : "YOUR_CAMPAIGN_ID"
    }
</script>
<style>
@media (min-width: 576px) {
  .epWrapper {
     height: 900px;
  }
}
@media (max-width: 577px) {
  .epWrapper {
    height: 900px;
  }
}
.epWrapper {
  position: relative;
  height: 900px;
  margin: 0 auto;
  width: 90%;
}
.epWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 900px;
}
</style>

<script language="javascript">
    (function(w,d,url){
      
setTimeout(function(){ 

	var e = d.createElement('div');
        e.className = 'epWrapper';
		e.innerHTML = '<iframe id="epShare" allowfullscreen frameborder="0"></iframe>';
        //adding share page iframe at specific part of the page
	    d.getElementById("eparrot").appendChild(e);

      //load script
        var headElement=d.getElementsByTagName('head')[0];
        var scriptElement=d.createElement('script');
        scriptElement.addEventListener('load', function() {
            window.dataLayer.push({
                event: 'earlyParrotSharePageUtilitiesLoaded'
            });
        });
        scriptElement.async=1;
        scriptElement.src=url
        headElement.appendChild(scriptElement);

}, 4000);
      
      
    })(window,document,'https://s3.amazonaws.com/earlyparrot-production-scripts/ep-share-page.js');
</script>

Set the trigger to EarlyParrot Share Page Trigger.

Enter the URL of the share page in the provided input box and click Verify Installation.

EarlyParrot will verify your share page installation and will guide you accordingly.