Campaign Screen

Referral Campaign Sharing Screen

The sharing screen appears once the user logins into the REFERRAL campaign. The screen enables him to refer to the brand with his friends or acquaintances so that he could earn points and rewards for referring. Here is a detailed guide to know how to launch the sharing screen in InviteReferrals.

Steps :

In your code, you can import the inviteReferrals files

declare var InviteReferrals: any;
declare var IRCampaignInfo: any;
declare var IRUserInfo: any;

Use the code mentioned below in order to activate the referral screen:

let camaignInfo = new IRCampaignInfo();
camaignInfo.campaignID =  0;
camaignInfo.templateID =  0;

let userInfo = new IRUserInfo();
userData.name = "user_name";
userData.email = "user_email";
userData.mobileNo = "01234567899";
userData.customValueOne = "value_1";
userData.customValueTwo = "value_2";

InviteReferrals.campaign(camaignInfo, userInfo, function (data) {
  console.log("callback response : " + data);
   //do your task
});

Parameters
The parameters used in the above function are as follows:

Parameter NameDescriptionValue
name (string)customer's nameabc
email (string)customer's email id[email protected]
mobileNo (string)customer's mobile number9812XXXXXX
subscriptionID (string)customer's subscriptionID (Optional)nil
customValueOne (string)Any extra value you wanted to receive (Optional)Mumbai
customValueTwo (string)Any extra value you wanted to receive (Optional)Maharashtra
campaignID (Integer)ID of the campaign10XXX or 0 (for default Campain if set in dashboard)
templateID (Integer)ID of the UI template0 (for default UI) or 1

When you call the above method in your app, then this function either loads the login screen or the campaign screen according to the value you have passed.

Response

You will get a response in terms of success or failure.

In case of SUCCESS

{
    "Authentication": "success",
    "hitApi": "true"
}

In case of FAILURE

{
    "Authentication": "fail",
    "Error": "Invalid authentication",
    "ErrorType": "4"
}

Following are the error-type with error message we receive in this callback in failure response.

Error MessageError TypeScenario
Data not found2In case when data not found
Campaign data not found3In case campaign is InActive or no campaign found
Invalid authentication4Invalid authentication
No internet connection7Parameter missing, email id or mobile no as per IR account setting cannot be empty or null
No internet connection8No internet connection

Login Screen

This screen will get loaded in case you don't pass user data in the function as shown in the example mentioned below: -

In your code, you can import the InviteReferrals files

declare var InviteReferrals: any;
declare var IRCampaignInfo: any;
let camaignInfo = new IRCampaignInfo();
camaignInfo.campaignID =  0;
camaignInfo.templateID =  0;

InviteReferrals.campaign(camaignInfo, null, function (data) {
  console.log("callback response : " + data);
   //do your task
});

/* Note:- Passing  0 in campaign id will launch your default 
campaign in your panel (A campaign id must be set as default 
campaign to use this feature). */

Show Campaign Invite Popup

Simply, add the following line in the page in which you want to show the referral program popup.

declare var InviteReferrals: any;
declare var IRCampaignInfo: any;
declare var IRUserInfo: any;
let camaignInfo = new IRCampaignInfo();
camaignInfo.campaignID =  0;
camaignInfo.templateID =  0;

let userInfo = new IRUserInfo();
userData.name = "user_name";
userData.email = "user_email";
userData.mobileNo = "01234567899";
userData.customValueOne = "value_1";
userData.customValueTwo = "value_2";

InviteReferrals.campaignPopup("rule_name", campaignData, userData);

Parameters
The parameters used in the above function are as follows:

Parameter NameDescriptionValue
ruleName (string)Name of the rule to activate popupHome referralInvite
name (string)customer's nameabc
email (string)customer's email id[email protected]
mobileNo (string)customer's mobile number9812XXXXXX
subscriptionID (string)customer's subscriptionID (Optional)nil
customValueOne (string)Any extra value you wanted to receive (Optional)Mumbai
customValueTwo (string)Any extra value you wanted to receive (Optional)Maharashtra
campaignID (Integer)ID of the campaign10XXX or 0 (for default Campain if set in dashboard)
templateID (Integer)ID of the UI template0 (for default UI) or 1

Create Your Own Campaign Screen

This function can be used, in case you want to design your own custom sharing screen, using our sharing data.

declare var InviteReferrals: any;
declare var IRCampaignInfo: any;
declare var IRUserInfo: any;
let camaignInfo = new IRCampaignInfo();
camaignInfo.campaignID =  0;
camaignInfo.templateID =  0;

let userInfo = new IRUserInfo();
userData.name = "user_name";
userData.email = "user_email";
userData.mobileNo = "01234567899";
userData.customValueOne = "value_1";
userData.customValueTwo = "value_2";

InviteReferrals.getSharingDetails(campaignData, userData, function (data) {
  console.log("callback response : " + data);
});

Sample Response

{
   "Authentication":"success",
   "CustomerName":"Jack90",
   "Email":"[email protected]",
   "referral_code":"JACKQTVU",
   "referral_link":"https:\/\/tagnpinkp.ref-r.com\/c\/i\/27894\/59810136",
   "unique_code":"null",
   "stats":{
      "totalInvites":"0",
      "totalClicks":"0",
      "totalConverts":"0"
   },
   "popup_shareText":"Refer and win #Referral #Contests #inviteReferrals",
   "shareSubject":"Explore Tagnpin Referral Contest",
   "inviteMail":"<table>\r\n    <tr>\r\n        <td>Hi,<\/td>\r\n    <\/tr>\r\n    <tr>\r\n        <td><\/td>\r\n    <\/tr>\r\n    <tr>\r\n        <td>Your friend Jack90, has invited you to try Tagnpin through his referral link<\/td>\r\n    <\/tr>\r\n    <tr>\r\n        <td><\/td>\r\n    <\/tr>\r\n    <tr>\r\n        <td>Accept the invitation by clicking the link mentioned below.<\/td>\r\n    <\/tr>\r\n    <tr>\r\n        <td>https:\/\/tagnpinkp.ref-r.com\/c\/i\/27894\/59810136<\/td>\r\n    <\/tr>\r\n<\/table>",
   "whatsp_txt":"Refer and win #Referral #Contests #inviteReferrals",
   "shareText":"https:\/\/tagnpinkp.ref-r.com\/c\/i\/27894\/59810136 Refer and win #Referral #Contests #inviteReferrals",
   "email_shareText":"https:\/\/tagnpinkp.ref-r.com\/c\/i\/27894\/59810136?r=email <table>\r\n    <tr>\r\n        <td>Hi,<\/td>\r\n    <\/tr>\r\n    <tr>\r\n        <td><\/td>\r\n    <\/tr>\r\n    <tr>\r\n        <td>Your friend Jack90, has invited you to try Tagnpin through his referral link<\/td>\r\n    <\/tr>\r\n    <tr>\r\n        <td><\/td>\r\n    <\/tr>\r\n    <tr>\r\n        <td>Accept the invitation by clicking the link mentioned below.<\/td>\r\n    <\/tr>\r\n    <tr>\r\n        <td>https:\/\/tagnpinkp.ref-r.com\/c\/i\/27894\/59810136<\/td>\r\n    <\/tr>\r\n<\/table>",
   "whatsapp_shareText":"https:\/\/tagnpinkp.ref-r.com\/c\/i\/27894\/59810136?r=wa Refer and win #Referral #Contests #inviteReferrals",
   "sms_shareText":"https:\/\/tagnpinkp.ref-r.com\/c\/i\/27894\/59810136?r=sms Refer and win #Referral #Contests #inviteReferrals",
   "twitter_shareText":"https:\/\/tagnpinkp.ref-r.com\/c\/i\/27894\/59810136?r=tw Refer and win #Referral #Contests #inviteReferrals",
   "linkedin_shareText":"https:\/\/tagnpinkp.ref-r.com\/c\/i\/27894\/59810136?r=li Refer and win #Referral #Contests #inviteReferrals",
   "pinterest_shareText":"https:\/\/tagnpinkp.ref-r.com\/c\/i\/27894\/59810136?r=pi Refer and win #Referral #Contests #inviteReferrals",
   "fb_shareText":"{\nfbLink= https:\/\/tagnpinkp.ref-r.com\/c\/i\/27894\/59810136?r=fb Refer and win #Referral #Contests #inviteReferrals\n fbImage= https:\/\/s3.ap-south-1.amazonaws.com\/tagnpin-mumbai\/images\/fb_46287_27894_1.jpg\n}",
   "loginScreenData":"<link rel=\"stylesheet\" href=\"https:\/\/maxcdn.bootstrapcdn.com\/bootstrap\/3.3.5\/css\/bootstrap.min.css\"><style>body{background: transparent;}<\/style><div class=\"text-center\">\n    <h3><br \/>Heading<\/h3>\n    <p class=\"lead\">\n        The description of your referral campaign \n        <br>\n        comes here\n    <\/p>\n<\/div>",
   "shareScreenData":"<link rel=\"stylesheet\" href=\"https:\/\/maxcdn.bootstrapcdn.com\/bootstrap\/3.3.5\/css\/bootstrap.min.css\"><style>body{background: transparent;}<\/style><div class=\"text-center\">\n<h3><br \/>Heading<\/h3>\n<p class=\"lead\">The description of your referral campaign <br \/>comes here<\/p>\n<\/div>"
}