{"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":"2013-06-10T06:00:11","modified_gmt":"2013-06-10T06:00:11","slug":"set-up-custom-facebook-referral-app","status":"publish","type":"post","link":"https:\/\/www.nvecta.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>\nBy 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.\n<\/p>\n<h2><a href=\"https:\/\/nvecta.com\/blog\/wp-content\/uploads\/2017\/08\/Screen-shot-2013-06-10-at-12.14.02-PM.png\" rel=\"nofollow noopener\" target=\"_blank\"><img fetchpriority=\"high\" decoding=\"async\" class=\"aligncenter size-full wp-image-1783\" src=\"https:\/\/nvecta.com\/blog\/wp-content\/uploads\/2017\/08\/Screen-shot-2013-06-10-at-12.14.02-PM.png\" alt=\"Facebook Referral App\" width=\"696\" height=\"330\" srcset=\"https:\/\/cdn3.notifyvisitors.com\/blog\/wp-content\/uploads\/2017\/08\/Screen-shot-2013-06-10-at-12.14.02-PM.png 696w, https:\/\/cdn3.notifyvisitors.com\/blog\/wp-content\/uploads\/2017\/08\/Screen-shot-2013-06-10-at-12.14.02-PM-300x142.png 300w, https:\/\/cdn3.notifyvisitors.com\/blog\/wp-content\/uploads\/2017\/08\/Screen-shot-2013-06-10-at-12.14.02-PM-316x150.png 316w, https:\/\/cdn3.notifyvisitors.com\/blog\/wp-content\/uploads\/2017\/08\/Screen-shot-2013-06-10-at-12.14.02-PM-370x175.png 370w, https:\/\/cdn3.notifyvisitors.com\/blog\/wp-content\/uploads\/2017\/08\/Screen-shot-2013-06-10-at-12.14.02-PM-270x128.png 270w, https:\/\/cdn3.notifyvisitors.com\/blog\/wp-content\/uploads\/2017\/08\/Screen-shot-2013-06-10-at-12.14.02-PM-570x270.png 570w\" sizes=\"(max-width: 696px) 100vw, 696px\" \/><\/a><\/h2>\n<h2>Steps To create custom tagNpin Referral FB App<\/h2>\n<p>\n1. 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\n<\/p>\n<h2>1. Register your App<\/h2>\n<p>\nGoto :&nbsp;https:\/\/developers.facebook.com\/apps&nbsp;and Click on&nbsp;<strong>Create New App&nbsp;<\/strong>button on the right.<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/www.manjeshojha.com\/wp-content\/uploads\/2013\/02\/21121.jpg\" alt=\"Regester app\" width=\"741\" height=\"195\"><\/p>\n<p>Please note you must have verified your Facebook account to create apps on Facebook.&nbsp;Click here&nbsp;for 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>&nbsp;Your Application Name ( It can be anything)<\/p>\n<p><strong>App Namespace :<\/strong>&nbsp;It is used for defining the URL for Facebook App. It must be unique. For example, If your namespace is <strong>tagnpinrefapp<\/strong>&rdquo; , then your&nbsp;<strong>Facebook App URL<\/strong>&nbsp;will look like this:&nbsp;https:\/\/apps.facebook.com\/tagnpinrefapp\/<\/p>\n<p><strong>Web Hosting:<\/strong>&nbsp;leave it unselected.\n<\/p>\n<h2>2. Configuring your App<\/h2>\n<p>\nNow, Facebook will generate your unique&nbsp;<strong>APP ID<\/strong>&nbsp;and&nbsp;<strong>APP SECRET<\/strong>&nbsp;which you would add to tagNpin admin panel.&nbsp; Once you&rsquo;ve created a Facebook app, select the &ldquo;App on Facebook&rdquo; section and specify a Canvas and Secure Canvas URL:<\/p>\n<p>Fields which are&nbsp;necessary&nbsp;to make your app work :<\/p>\n<p><strong>(i) App Domains:<\/strong>&nbsp;enter &ldquo;<strong>ref-r.com<\/strong>&ldquo;.\n<\/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 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><\/p>\n<p>&nbsp;Enter your site url.&nbsp;&ldquo;http:\/\/www.yoursite.com\/&ldquo;.<\/p>\n<p><strong>(iii) App on Facebook :<\/strong>&nbsp;In this , there are two things,<\/p>\n<p><strong>Canvas URL:<\/strong>&nbsp;enter&nbsp;<strong>https:\/\/www.ref-r.com\/web\/ecLoyalty?brandid=yourBrandID<\/strong>. Replace&nbsp;<strong>yourBrandID&nbsp;<\/strong>with your tagNpin brandID. Click here to find your brandID.<\/p>\n<p><strong>Secure Canvas URL:<\/strong>&nbsp;enter&nbsp;<strong>https:\/\/www.ref-r.com\/web\/ecLoyalty?brandid=yourBrandID<\/strong>. Replace&nbsp;<strong>yourBrandID&nbsp;<\/strong>with your tagNpin brandID. Click here to find your brandID.<\/p>\n<p>Example :&nbsp;https:\/\/www.ref-r.com\/web\/ecLoyalty?brandid=337\n<\/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 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 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&nbsp;<input name=\"iframe_height\" size=\"5\" type=\"text\" value=\"800\">&nbsp;px<\/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&nbsp;<\/strong><\/p>\n<p>as shown below\n<\/p>\n<p style=\"text-align: center;\"><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:\/\/cdn3.notifyvisitors.com\/blog\/wp-content\/uploads\/2013\/06\/Screen-shot-2013-06-10-at-11.50.12-AM.png 1001w, https:\/\/cdn3.notifyvisitors.com\/blog\/wp-content\/uploads\/2013\/06\/Screen-shot-2013-06-10-at-11.50.12-AM-300x160.png 300w, https:\/\/cdn3.notifyvisitors.com\/blog\/wp-content\/uploads\/2013\/06\/Screen-shot-2013-06-10-at-11.50.12-AM-282x150.png 282w, https:\/\/cdn3.notifyvisitors.com\/blog\/wp-content\/uploads\/2013\/06\/Screen-shot-2013-06-10-at-11.50.12-AM-768x409.png 768w, https:\/\/cdn3.notifyvisitors.com\/blog\/wp-content\/uploads\/2013\/06\/Screen-shot-2013-06-10-at-11.50.12-AM-370x197.png 370w, https:\/\/cdn3.notifyvisitors.com\/blog\/wp-content\/uploads\/2013\/06\/Screen-shot-2013-06-10-at-11.50.12-AM-270x144.png 270w, https:\/\/cdn3.notifyvisitors.com\/blog\/wp-content\/uploads\/2013\/06\/Screen-shot-2013-06-10-at-11.50.12-AM-570x304.png 570w, https:\/\/cdn3.notifyvisitors.com\/blog\/wp-content\/uploads\/2013\/06\/Screen-shot-2013-06-10-at-11.50.12-AM-740x394.png 740w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><\/p>\n<p><strong>&nbsp;(ii) Upload your brand logo&#8217;s&nbsp;<\/strong><\/p>\n<p>as shown below.\n<\/p>\n<p style=\"text-align: center;\"><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\" srcset=\"https:\/\/cdn3.notifyvisitors.com\/blog\/wp-content\/uploads\/2013\/06\/Screen-shot-2013-06-10-at-11.50.28-AM-300x111.png 300w, https:\/\/cdn3.notifyvisitors.com\/blog\/wp-content\/uploads\/2013\/06\/Screen-shot-2013-06-10-at-11.50.28-AM-350x129.png 350w, https:\/\/cdn3.notifyvisitors.com\/blog\/wp-content\/uploads\/2013\/06\/Screen-shot-2013-06-10-at-11.50.28-AM-370x137.png 370w, https:\/\/cdn3.notifyvisitors.com\/blog\/wp-content\/uploads\/2013\/06\/Screen-shot-2013-06-10-at-11.50.28-AM-270x100.png 270w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><\/p>\n<p style=\"text-align: left;\"><strong>Save changes.<\/strong><\/p>\n<h2>4. Configure tagNpin<\/h2>\n<p>\nEnter the AppID and AppSecret of the facebook app <strong>here<\/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":37,"featured_media":2272,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[5799],"tags":[5804,5801,5805],"class_list":["post-94","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-referral-and-loyalty","tag-facebook-app","tag-referral","tag-setup"],"_links":{"self":[{"href":"https:\/\/www.nvecta.com\/blog\/wp-json\/wp\/v2\/posts\/94","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=94"}],"version-history":[{"count":0,"href":"https:\/\/www.nvecta.com\/blog\/wp-json\/wp\/v2\/posts\/94\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.nvecta.com\/blog\/wp-json\/wp\/v2\/media\/2272"}],"wp:attachment":[{"href":"https:\/\/www.nvecta.com\/blog\/wp-json\/wp\/v2\/media?parent=94"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.nvecta.com\/blog\/wp-json\/wp\/v2\/categories?post=94"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.nvecta.com\/blog\/wp-json\/wp\/v2\/tags?post=94"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}