{"id":194,"date":"2013-09-12T14:18:41","date_gmt":"2013-09-12T14:18:41","guid":{"rendered":"http:\/\/www.tagnpin.com\/blog\/?p=194"},"modified":"2013-09-12T14:18:41","modified_gmt":"2013-09-12T14:18:41","slug":"custom-invitereferrals-facebook-app","status":"publish","type":"post","link":"https:\/\/www.nvecta.com\/blog\/custom-invitereferrals-facebook-app\/","title":{"rendered":"Custom Facebook Referral App"},"content":{"rendered":"

 <\/p>\n

\"facebook-710x399\"<\/a><\/strong><\/p>\n

 <\/p>\n

 <\/p>\n

Why you need a custom facebook Referral App<\/a><\/strong><\/p>\n

By configuring custom facebook referral App, you will get custom facebook connect popups and self branded Facebook feed<\/strong>. You will also get in depth analytics<\/strong> of how your program is performing on social graph. Here is a sample custom facebook connect view.<\/p>\n

\n<\/p>\n

\"Screen<\/h2>\n

<\/h2>\n

\n \n<\/p>\n

Steps To create Facebook Referral App<\/a><\/h2>\n

\n1. Register your Facebook App<\/p>\n

2. Configuring your App Settings<\/p>\n

3. App Details – logos and description.<\/p>\n

4. Configure inviteReferrals admin with Custom app<\/p>\n

5. Launch facebook timeline application\n<\/p>\n

<\/h2>\n

\n \n<\/p>\n

1. Register your App<\/h2>\n

\nPlease note you must have verified your Facebook account to create apps on Facebook. Click here for more information on verifying your account.<\/p>\n

 <\/p>\n

Goto : https:\/\/developers.facebook.com\/apps and Click on Apps -><\/strong> Create New App<\/strong>.<\/p>\n

 <\/p>\n

\"Create<\/a>
Create new app<\/figcaption><\/figure>\n

 <\/p>\n

Select Advance setup<\/strong> in the dialogue that opens as shown below
\n<\/strong><\/p>\n

 <\/p>\n

\"facebookApp-advance\"<\/a><\/p>\n

 <\/p>\n

 <\/p>\n

A Dialog Box will pop up. It will ask you three things :<\/p>\n

App Name :<\/strong> Your Application Name ( It can be anything)<\/p>\n

App Namespace :<\/strong> It is used for defining the URL for Facebook App. It must be unique. For example, If your namespace is “referralcampaign” , then your Facebook App URL will look like this: https:\/\/apps.facebook.com\/referralcampaign\/<\/p>\n

Category:<\/strong> select “Promotions and Contests”<\/p>\n

 <\/p>\n

\"Create<\/a>
Enter ‘Display Name’, ‘Namespace’ and click ‘Create App’<\/figcaption><\/figure>\n

 \n<\/p>\n

2. Configuring your App<\/h2>\n

\nNow, Facebook will generate your unique APP ID<\/strong> and APP SECRET<\/strong> which you would add to inviteReferrals admin panel. Once you’ve created a Facebook app, go to “Settings” section and click “add platform”:<\/p>\n

 <\/p>\n

\"Create<\/a>
go to ‘settings’ and click ‘add platform’<\/figcaption><\/figure>\n

(i) App Domains:<\/strong> enter “ref-r.com<\/strong>“.<\/p>\n

\n <\/p>\n

(ii) <\/strong>Under “Add Platform”<\/strong>, Select “Facebook Canvas”<\/strong> and fill the following details.<\/p>\n

Canvas URL:<\/strong> http:\/\/www.ref-r.com\/campaign_user\/p\/?brandid=yourBrandID<\/p>\n

Secure Canvas URL:<\/strong> https:\/\/www.ref-r.com\/campaign_user\/p\/?brandid=yourBrandID<\/p>\n

Replace yourBrandID <\/strong>with your inviteReferrals brandID.<\/p>\n

(Get your brandID from here : http:\/\/www.invitereferrals.com\/campaign\/documentation\/plugins<\/a>)<\/p>\n

Example : https:\/\/www.ref-r.com\/campaign_user\/p\/?brandid=337<\/p>\n

 <\/p>\n

\"Create<\/a>
Enter details for “App on facebook” platform<\/figcaption><\/figure>\n

 <\/p>\n

(iii) <\/strong>Under “Add Platform”<\/strong>, Select “Website<\/strong>“:<\/strong> Enter your site url. “http:\/\/www.yoursite.com\/“.<\/p>\n

 <\/p>\n

\"Create<\/a>
Enter website<\/figcaption><\/figure>\n

 <\/p>\n

(iV) CLick Save changes.<\/strong><\/p>\n

 <\/p>\n

(V) Goto “Status and Reviews” <\/strong>and make the application live.<\/p>\n

 <\/p>\n

\"Create<\/a>
Make app live<\/figcaption><\/figure>\n

 \n<\/p>\n

3. App Details<\/h2>\n

(i) Enter your basic App details <\/strong><\/p>\n

as shown below<\/p>\n

 <\/p>\n

\"Create<\/a>
enter basic details<\/figcaption><\/figure>\n

 <\/p>\n

 <\/p>\n

(ii) Upload your brand logo’s <\/strong>as shown below and save changes.<\/p>\n

 <\/p>\n

\"Create<\/a>
upload logo<\/figcaption><\/figure>\n

 <\/p>\n

 \n<\/p>\n

4. Configure InviteReferrals<\/h2>\n

\nYou can update the settings in “Admin -> Facebook Timeline App -> Install App”. Enter the AppID and AppSecret of the facebook app and update.<\/p>\n

 <\/p>\n

 \n<\/p>\n

5. Install facebook Referral app via Invitereferrals<\/h2>\n

\n(i) Go to  “Admin -> Facebook Timeline App -> Install App”<\/p>\n

(ii) Click on Install facebook timeline app and allow permissions to manage app<\/p>\n

(iii) Select the fanpage to install application and submit.<\/p>\n

 <\/p>\n

Your Facebook Referral app<\/a> is now configured.<\/strong><\/p>\n

 <\/p>\n

\n

<\/h1>\n

\n <\/p>\n","protected":false},"excerpt":{"rendered":"

      Why you need a custom facebook Referral App By configuring custom facebook referral App, you will get custom facebook connect popups and self branded Facebook feed. You will also get in depth analytics of how your program is performing on social graph. Here is a sample custom facebook connect view.<\/p>\n","protected":false},"author":37,"featured_media":40050,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[5799],"tags":[5818,5804,5819],"class_list":["post-194","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-referral-and-loyalty","tag-custom","tag-facebook-app","tag-referral-contest"],"_links":{"self":[{"href":"https:\/\/www.nvecta.com\/blog\/wp-json\/wp\/v2\/posts\/194","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.nvecta.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.nvecta.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.nvecta.com\/blog\/wp-json\/wp\/v2\/users\/37"}],"replies":[{"embeddable":true,"href":"https:\/\/www.nvecta.com\/blog\/wp-json\/wp\/v2\/comments?post=194"}],"version-history":[{"count":0,"href":"https:\/\/www.nvecta.com\/blog\/wp-json\/wp\/v2\/posts\/194\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.nvecta.com\/blog\/wp-json\/wp\/v2\/media\/40050"}],"wp:attachment":[{"href":"https:\/\/www.nvecta.com\/blog\/wp-json\/wp\/v2\/media?parent=194"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.nvecta.com\/blog\/wp-json\/wp\/v2\/categories?post=194"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.nvecta.com\/blog\/wp-json\/wp\/v2\/tags?post=194"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}