{"id":94,"date":"2013-06-10T06:00:11","date_gmt":"2013-06-10T06:00:11","guid":{"rendered":"http:\/\/www.tagnpin.com\/blog\/?p=94"},"modified":"2021-10-12T05:31:14","modified_gmt":"2021-10-12T05:31:14","slug":"set-up-custom-facebook-referral-app","status":"publish","type":"post","link":"https:\/\/www.invitereferrals.com\/blog\/set-up-custom-facebook-referral-app\/","title":{"rendered":"Enterprise Custom Facebook Referral App"},"content":{"rendered":"<h2>Why you need a custom FB Referral App<\/h2>\n<p>By configuring custom Referral facebook App, you will get <strong>custom facebook connect popups and self branded Facebook feed<\/strong>. You will also get <strong>in depth analytics<\/strong> of how your program is performing on social graph. Here is a sample custom facebook connect view.<\/p>\n<h2><a href=\"http:\/\/cdn3.invitereferrals.com\/blog\/wp-content\/uploads\/2017\/08\/09121945\/Screen-shot-2013-06-10-at-12.14.02-PM.png\"><img fetchpriority=\"high\" decoding=\"async\" class=\"aligncenter size-full wp-image-1783\" src=\"http:\/\/cdn3.invitereferrals.com\/blog\/wp-content\/uploads\/2017\/08\/09121945\/Screen-shot-2013-06-10-at-12.14.02-PM.png\" alt=\"Facebook Referral App\" width=\"696\" height=\"330\" srcset=\"https:\/\/cdn3.invitereferrals.com\/blog\/wp-content\/uploads\/2017\/08\/09121945\/Screen-shot-2013-06-10-at-12.14.02-PM.png 696w, https:\/\/cdn3.invitereferrals.com\/blog\/wp-content\/uploads\/2017\/08\/09121945\/Screen-shot-2013-06-10-at-12.14.02-PM-300x142.png 300w\" sizes=\"(max-width: 696px) 100vw, 696px\" \/><\/a><\/h2>\n<h2>Steps To create custom tagNpin Referral FB App<\/h2>\n<p>1. Register your Facebook App<\/p>\n<p>2. Configuring your App Settings<\/p>\n<p>3. App Details &#8211; logos and description.<\/p>\n<p>4. Configure tagNpin with Custom app<\/p>\n<h2>1. Register your App<\/h2>\n<p>Goto :<a title=\"Facebook App Development\" href=\"https:\/\/developers.facebook.com\/apps\" target=\"_blank\" rel=\"noopener\">\u00a0https:\/\/developers.facebook.com\/apps<\/a>\u00a0and Click on\u00a0<strong>Create New App\u00a0<\/strong>button on the right.<\/p>\n<p><a href=\"https:\/\/www.manjeshojha.com\/wp-content\/uploads\/2013\/02\/21121.jpg\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/www.manjeshojha.com\/wp-content\/uploads\/2013\/02\/21121.jpg\" alt=\"Regester app\" width=\"741\" height=\"195\" \/><\/a><\/p>\n<p>Please note you must have verified your Facebook account to create apps on Facebook.\u00a0<a href=\"https:\/\/www.facebook.com\/help\/?faq=17580\" target=\"_blank\" rel=\"noopener\">Click here<\/a>\u00a0for more information on verifying your account.<\/p>\n<p>A Dialog Box will pop up. It will ask you three things :<\/p>\n<p><strong>App Name :<\/strong>\u00a0Your Application Name ( It can be anything)<\/p>\n<p><strong>App Namespace :<\/strong>\u00a0It is used for defining the URL for Facebook App. It must be unique. For example, If your namespace is <strong>tagnpinrefapp<\/strong>\u201d , then your\u00a0<strong>Facebook App URL<\/strong>\u00a0will look like this:\u00a0<a title=\"Manjesh Ojha Apps\" href=\"http:\/\/manjeshojha.com\/\" target=\"_blank\" rel=\"noopener\">https:\/\/apps.facebook.com\/tagnpinrefapp\/<\/a><\/p>\n<p><strong>Web Hosting:<\/strong>\u00a0leave it unselected.<\/p>\n<h2>2. Configuring your App<\/h2>\n<p>Now, Facebook will generate your unique\u00a0<strong>APP ID<\/strong>\u00a0and\u00a0<strong>APP SECRET<\/strong>\u00a0which you would add to tagNpin admin panel.\u00a0 Once you\u2019ve created a Facebook app, select the \u201cApp on Facebook\u201d section and specify a Canvas and Secure Canvas URL:<\/p>\n<p>Fields which are\u00a0necessary\u00a0to make your app work :<\/p>\n<p><strong>(i) App Domains:<\/strong>\u00a0enter \u201c<strong>ref-r.com<\/strong>\u201c.<\/p>\n<table cellspacing=\"0\" cellpadding=\"0\">\n<tbody>\n<tr>\n<td>Sandbox Mode:<\/td>\n<td>\n<div><label for=\"u_0_g\"><input id=\"u_0_g\" name=\"dev_mode\" type=\"radio\" value=\"1\" \/>Enabled<\/label><label for=\"u_0_h\"><input id=\"u_0_h\" checked=\"checked\" name=\"dev_mode\" type=\"radio\" value=\"0\" \/>Disabled<\/label><\/div>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p><strong>(ii) Website with Facebook Login:<\/strong>\u00a0Enter your site url.\u00a0<a href=\"http:\/\/manjeshojha.com\/\" target=\"_blank\" rel=\"noopener\">\u201chttp:\/\/www.yoursite.com\/<\/a>\u201c.<\/p>\n<p><strong>(iii) App on Facebook :<\/strong>\u00a0In this , there are two things,<\/p>\n<p><strong>Canvas URL:<\/strong>\u00a0enter\u00a0<strong><a href=\"https:\/\/www.ref-r.com\/web\/ecLoyalty?brandid=yourBrandID\" target=\"_blank\" rel=\"noopener\">https:\/\/www.ref-r.com\/web\/ecLoyalty?brandid=yourBrandID<\/a><\/strong>. Replace\u00a0<strong>yourBrandID\u00a0<\/strong>with your tagNpin brandID. <a href=\"http:\/\/www.tagnpin.com\/demo\/apiDemo\/apiAuth\" target=\"_blank\" rel=\"noopener\">Click here<\/a> to find your brandID.<\/p>\n<p><strong>Secure Canvas URL:<\/strong>\u00a0enter\u00a0<strong><a href=\"https:\/\/www.ref-r.com\/web\/ecLoyalty?brandid=yourBrandID\" target=\"_blank\" rel=\"noopener\">https:\/\/www.ref-r.com\/web\/ecLoyalty?brandid=yourBrandID<\/a><\/strong>. Replace\u00a0<strong>yourBrandID\u00a0<\/strong>with your tagNpin brandID. <a href=\"http:\/\/www.tagnpin.com\/demo\/apiDemo\/apiAuth\" target=\"_blank\" rel=\"noopener\">Click here<\/a> to find your brandID.<\/p>\n<p>Example :\u00a0<a href=\"https:\/\/www.ref-r.com\/web\/ecLoyalty?brandid=337\" target=\"_blank\" rel=\"noopener\">https:\/\/www.ref-r.com\/web\/ecLoyalty?brandid=337<\/a><\/p>\n<table cellspacing=\"0\" cellpadding=\"0\">\n<tbody>\n<tr>\n<td>Canvas Width:<\/td>\n<td>\n<div><label for=\"u_0_n\"><input id=\"u_0_n\" checked=\"checked\" name=\"canvas_fluid_width\" type=\"radio\" value=\"1\" \/>Fluid<\/label><label for=\"u_0_o\"><input id=\"u_0_o\" name=\"canvas_fluid_width\" type=\"radio\" value=\"0\" \/>Fixed (760px)<\/label><\/div>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<table cellspacing=\"0\" cellpadding=\"0\">\n<tbody>\n<tr>\n<td>Canvas Height:<\/td>\n<td><label for=\"u_0_p\"><input id=\"u_0_p\" checked=\"checked\" name=\"iframe_enable_util\" type=\"radio\" value=\"0\" \/>Fluid<\/label><label for=\"u_0_q\"><input id=\"u_0_q\" name=\"iframe_enable_util\" type=\"radio\" value=\"1\" \/>Fixed at\u00a0<input name=\"iframe_height\" size=\"5\" type=\"text\" value=\"800\" \/>\u00a0px<\/label><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p><strong>(iV) CLick Save changes.<\/strong><\/p>\n<h2>3. App Details<\/h2>\n<p><strong>(i) Enter your basic App details\u00a0<\/strong>as shown below<\/p>\n<p style=\"text-align: center;\"><a href=\"http:\/\/www.tagnpin.com\/blog\/wp-content\/uploads\/2013\/06\/Screen-shot-2013-06-10-at-11.50.12-AM.png\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" class=\"size-medium wp-image-95 aligncenter\" src=\"http:\/\/www.tagnpin.com\/blog\/wp-content\/uploads\/2013\/06\/Screen-shot-2013-06-10-at-11.50.12-AM.png\" alt=\"Screen shot 2013-06-10 at 11.50.12 AM\" width=\"600\" height=\"320\" srcset=\"https:\/\/www.invitereferrals.com\/blog\/wp-content\/uploads\/2013\/06\/Screen-shot-2013-06-10-at-11.50.12-AM.png 1001w, https:\/\/www.invitereferrals.com\/blog\/wp-content\/uploads\/2013\/06\/Screen-shot-2013-06-10-at-11.50.12-AM-300x159.png 300w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><\/a><\/p>\n<p><strong>\u00a0(ii) Upload your brand logo&#8217;s\u00a0<\/strong>as shown below.<\/p>\n<p style=\"text-align: center;\"><a href=\"http:\/\/www.tagnpin.com\/blog\/wp-content\/uploads\/2013\/06\/Screen-shot-2013-06-10-at-11.50.28-AM.png\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" class=\"size-medium wp-image-96 aligncenter\" src=\"http:\/\/www.tagnpin.com\/blog\/wp-content\/uploads\/2013\/06\/Screen-shot-2013-06-10-at-11.50.28-AM.png\" alt=\"Screen shot 2013-06-10 at 11.50.28 AM\" width=\"600\" height=\"220\" \/><\/a><\/p>\n<p style=\"text-align: left;\"><strong>Save changes.<\/strong><\/p>\n<h2>4. Configure tagNpin<\/h2>\n<p>Enter the AppID and AppSecret of the facebook app <strong><a href=\"http:\/\/www.tagnpin.com\/webBrandAdmin\/quickSetups\/shortRefFacebookTabs\" target=\"_blank\" rel=\"noopener\">here<\/a><\/strong> and <strong>update<\/strong>.<\/p>\n<p><strong>Your Facebook Referral app is now configured.<\/strong><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Why you need a custom FB Referral App By configuring custom Referral facebook 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. Steps To create custom tagNpin [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":2272,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[143],"tags":[9,6,10],"class_list":["post-94","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-referral-program-2","tag-facebook-app","tag-referral","tag-setup"],"_links":{"self":[{"href":"https:\/\/www.invitereferrals.com\/blog\/wp-json\/wp\/v2\/posts\/94","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.invitereferrals.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.invitereferrals.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.invitereferrals.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.invitereferrals.com\/blog\/wp-json\/wp\/v2\/comments?post=94"}],"version-history":[{"count":14,"href":"https:\/\/www.invitereferrals.com\/blog\/wp-json\/wp\/v2\/posts\/94\/revisions"}],"predecessor-version":[{"id":8729,"href":"https:\/\/www.invitereferrals.com\/blog\/wp-json\/wp\/v2\/posts\/94\/revisions\/8729"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.invitereferrals.com\/blog\/wp-json\/wp\/v2\/media\/2272"}],"wp:attachment":[{"href":"https:\/\/www.invitereferrals.com\/blog\/wp-json\/wp\/v2\/media?parent=94"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.invitereferrals.com\/blog\/wp-json\/wp\/v2\/categories?post=94"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.invitereferrals.com\/blog\/wp-json\/wp\/v2\/tags?post=94"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}