I want to create a custom tab to a facebook page, so I can add an iframe and put a deployed web app inside it. But as the official docs say here: https://developers.facebook.com/docs/pages/tabs/
I cannot add custom tabs if my page has less than 2000 likes. Is there any way to have a test page so I can check this feature without having the restriction of 2k likes?
Related
I saw in Facebooks Documentation that you can only create a custom Page tabs if a page has more than 2k likes, but why is it that I saw a facebook page that only has less than 700 likes but there's a Facebook Page Tab installed?
Here's their documentation: https://developers.facebook.com/docs/pages/tabs
Limitations
Only Pages with 2000 or more likes can create custom Page
tabs.
This is the FB Page: https://www.facebook.com/basketkingdvo/?ref=page_internal - that page was just recently created too. It was Last April 20, 2020.
Why does that have a Custom Page Tab called "See MENU and Order" ?
Added Info:
I saw this into the section of their docs:
/page/tabs — Creating custom tabs with POST operations will only be
available to Pages with 2000 or more fans, or pages managed by
whitelisted apps. Existing custom tabs will be unaffected.
My question is - How can I make my app whitelisted to a certain page?
Trying to decide between creating a Page App vs. iFrame (Load a hosted page somewhere else like AWS or APP Engine)
I am trying to create a 'tab' on a Facebook page where users can upload pictures to that page for a contest app.
I would like to create some customisation for this contest page.
Hence not using popular off the shelf contest providers like wishpond etx.
The user should be able to view his uploaded pictures on the top layout of the screen while the latest uploads of other users (trending, most liked) can get displayed at the remaining mid, bottom section of the page.
To attain this feature of custom layouting a page, would you recommend creating a 'page app' or create a Javascript based HTML page and host it outside on 'external web server' and render in an iFrame app within my tab ?
If it can be done both ways, would like to hear some adv/disadvantages of each approach.
Hope it explains.
Let me know if I was not clear.
Thanks,
Srik
What´s better is opinionated, but here are the main differences between a Page App (that runs in an iframe on a Facebook Page) and an external Website:
Page Apps don´t work on mobile, so you have to share an external link, check for mobile and keep mobile users on the external link while redirecting desktop users to the Page App.
Page apps are restricted to a width of 810px.
This all sounds confusing;
I have a Facebook Canvas App with the same name as the Fan Page. I would like to add an iFrame tab to the Fan Page to promote and link to the Canvas App. My question is do I have to create a new app for the iFrame tab, or do I open my app settings for the canvas app and add settings for a page tab as well in there. Facebook don;t seem to have much documentation and they are changing things for app profiles soon, so I want to make sure I keep my fans of the page.
Thanks in advance.
Basically it goes like this.
You have an iFrame app.
The iFrame app has a canvas which is where you load your html for your app from your webserver with whatever language you want (.NET, PHP etc)
Then you can add this iFrame app to your page.
When you go to http://apps.facebook.com/yourappname
You will be shown the app by itself. When you add it to your page and load it via the tab on the menu of your page it will show you the app within the space on your page (an iframe).
You can use code to detect whether you are on a page or not to display different things.
I've been trying to set up my Facebook Application Profile Page by adding an iFrame tab to it. Seeing as this is similar to the process of adding an iFrame tab to a Fan Page, I going through the same process, to no avail.
In order to add an iFrame tab to a Fan Page, one is required to create a Facebook iFrame Page Tab Application (process described here: http://www.hyperarts.com/blog/tutorial-add-an-iframe-application-to-your-facebook-fan-page-fall-2012/), and then browse to the newly created app's page, click the 'Add to My Page' link and select the page to which they want to add the iFrame Page Tab Application.
Now, if I want to do the same thing, but instead of adding the iFrame Page Tab Application to a Fan Page, add it to an Application Profile Page, then that's impossible because, apparently, Application Profile Pages don't appear in the window where you'd select the page you want to add the tab to. I've seen other applications that have done it, and have tried many approaches, none of which seem to work.
Any ideas?
Ultimately, my goal is to create a tab in my Application Profile Page, with my own content (which is basically just a picture with a link on it). Tried using the FBML app that Facebook provides but the problem with that is that they don't let you customize the icon to the left of the tab when using the FBML app, and using the iFrame Page Tab Application (as described above) is a workaround, but then I can't add it to my App profile page :\
Thanks
I am currently developing UI for a facebook app. Basically, the game is shown on the canvas page and it has navigation in a tab form.
What I need is that when a user clicks "friends" to invite people, the page will show over the game(the game is still in background, and running as it should be). So the page must not reload. To do this I placed the url of the friends requests in the src of an <iframe> and using jquery to hide/show the divs but the problem is the <iframe> will also contain the header, footer and all like facebook.com, but I just want the content because the user is already on facebook. Is there a better approach than what I'm doing? How would I accomplish this?
A good visual example is the navigation of "City of Wonders" facebook app.
You'll need to write a server side script that uses the facebook API to get a list of friends. Then you simply generate the HTML that is necessary to display and use this information.
Also, instead of using a an <iframe></iframe>you could just use a <div>, and use javascript to populate it's innerhtml (via ajax).