I have created a web app that authenticates users on our page and I'd like to connect it with an existing Page, but cannot find that option. I only see "Create Page" in Advanced options, but that's not really what I need.
I figured since it is possible to connect an old app with an existing Page because of the group profiles being removed, it should be possible to connect new apps with existing Pages as well. Am I wrong to assume that, or just blind and did not find that option?
Sure - this is possible.
Please read the documentation for "adding a tab application to a page" at this link :
https://developers.facebook.com/docs/reference/dialogs/add_to_page/
Essentially what you have to do is initiate a dialog so that you can choose what page you want to add your application to. A direct URL example would be this :
https://www.facebook.com/dialog/pagetab?app_id=YOUR_APP_ID
&display=popup&next=YOUR_URL
Dont forget to substitute YOUR_APP_ID for your app_id and next to some other URL (doesn't have to be related to your application - it can be simple facebook.com
I have created a little bookmarklet to ease the prosess -
javascript:app_id=prompt("Enter App ID"); window.open("https://www.facebook.com/dialog/pagetab?app_id="+app_id+"&display=popup&next=https://facebook.com");
More info on bookmarklets
We as facebook developers are solely responsible for keeping up-to-date with the changes that 3rd party API's, on which we base our development, make to their systems.
A great place to keep updated on changes and new features would be the Facebook Developers Blog and the Facebook Developers Roadmap.
I tried the chosen answer but it didn´t workout..
First option:
You should use the Fan Page Id on the place of a random website.
http://facebook.com/add.php?api_key=YOUR_APP_KEY&pages=1&page=YOUR_PAGE_ID
YOUR_APP_KEY -> You can get it from application settings, its App Id
YOUR_PAGE_ID -> You can get it through Graph Explorer (https://graph.facebook.com/[PAGE_NAME])
Source: https://stackoverflow.com/a/15739910/1598935
Second option:
Categorize your existing page under "App Page" (found under "Brands & Products").
Change your page name to mach your App name.
Go to your App and select "App Details"
Under "Contact Info" you will find "App Page".There you will be able to create a new page or if all went well, select your page from a list.
Source: https://stackoverflow.com/a/13904144/1598935
Related
Hi I wan't to create a facebook app to use it for the auth in my new site locally installed(my machine),but from yesterday I don't succeed to install it and use it, all time I have this very strange error when I wan't write a domain in the "App Domains" :
This must be derived from Canvas URL, Secure Canvas URL, Site URL, Mobile Site URL, Page Tab URL or Secure Page Tab URL. Check and correct the following domains
the domain of my application is http://localhost/project/app_dev.php/ it dosn't work I change it by a real url such as : http://www.exemple.com/,but I had the same error,and just I notice that I see this error when I create an app with new look of facebook (yesterday)...
In my case the problem was I hadn't completed the "+ Add Platform > Website" section. Once I did that the contents of App Domains became valid and the error went away.
I had this same problem yesterday, the stackoverflow answers that helped me the most were
Make local development work with Facebook/Google APIs and Canvas URL / Secure Canvas URL error message ( Also checkout How to handle OmniAuth callbacks in multiple environments?)
The Facebook developer UI has changed a bit. I'm writing this answer to consolidate all the info that helped me.
1. Make local.host Point to Your Computer
First thing you need to do is (as answered in the first link), facebook won't take localhost as a valid callback site, because it confuses localhost with a top level domain (com org etc.) in other words there is not dot . in your domain name. So change your /etc/hosts to add the entry
127.0.0.1 local.host
Now youcan access your app at http://local.host/... (this will take effect as soon as you save /etc/hosts file, no need to restart anything)
2. Add local.host as the Site URL on the facebook Dev Console
The second thing you need to do is add local.host as the site url on the facebook page
Now don't use your production app. Add a dummy app on your https://developers.facebook.com account Because your production app will have to set the site URL to your production URL and not local.host
Configure the dummy app as shown in the screenshot. But that website section(shown in the screenshot) won't be visible on the Basic settings page from the beginning.
First you will have to click + Add Platform button at the bottom, and select Website.
Notice I added http://local.host:3000/. That's where my ruby server runs in dev mode.
Also, be sure to use App Id and App Secret for the dummy app when running your webapp in dev mode.
HTH.
My problem was that logging in with facebook wasn't working for my app.
It turned out that I just needed to fill in the "Valid OAuth redirect URIs" field on the "Advanced" tab.
e.g. http://example.com/auth/google/callback
I'd a similar problem, Facebook have changed now on left pane file login (After selecting you app from top left corner) -> Valid OAuth redirect URIs
If you work on desktop app like WPF or winforms and use a WebBrowser Control to log in with the Facebook SDK.
You have to set to yes the Embedded Browser OAuth Login in Advance Tab of your facebook apps setting.
hope I help
Chose "Add platform" at the bottom and give your localhost url. "http://localhost:port/".
After this step. Facebook allows you to add localhost:port as your domain url.
After these 2 steps you can test "login with facebook" without any trouble.
I created an app today, as i've done several times before. But when i wanted to add the app to a a page i couldn't find the link "view this apps profile page", which I normally use to add the app to my pages.
Anyone know how to add apps to a page, with the new "auth dialog" thing ?? I can't find a link to the apps profile page.
You can do it in several ways:
Using Add Page Tab Dialog as described in documentation:
With JavaScript not even leaving page where this get called FB.ui({method: 'pagetab'});
By redirecting to https://facebook.com/dialog/pagetab?app_id=APP_ID&redirect_url=URL
Via link http://facebook.com/add.php?api_key=APP_KEY&pages=1&page=PAGE_ID
From Application Profile page (you can easily get to it via http://www.facebook.com/apps/application.php?id=APP_ID or via shorthand http://facebook.com/APP_ID or by clicking on Application Name in the left bottom corned of every page while visiting Application Canvas)
(note that newly created apps don't have an Application Profile page - as discussed on the Developer Blog )
Using the API directly with a manage_pages access token - details in the Page documentation.
I have found this to work the best:
http://www.facebook.com/dialog/pagetab?app_id=YOUR_APP_ID&redirect_uri=http://www.facebook.com
Tried all of above. The only one that worked for me was this one:
https://www.facebook.com/add.php?api_key=YOUR_API_KEY&pages=1
YOU SHOULD CHOOSE "ADD PAGE TAB" in "ADD PLATFORM" DIALOG!!
1) Enter https://developers.facebook.com/apps/ and choose (or create) desired app.
2) do this from settings:
3) then enter:
- https://facebook.com/dialog/pagetab?app_id=APP_ID&redirect_url=https://yoursite.com
or
- http://facebook.com/add.php?api_key=APP_KEY&pages=1&page=PAGE_ID
Whats the best way to develop a tab on facebook in a facebook page with content inside it? Would it just be html within that tab?
Easiest way is to install a 3rd party iframe App on your Facebook Page. You can find these Apps by searching for "iframe" in Facebook's search. Once you have one of these Apps installed, you can customize the HTML/CSS/JS of the iframe, which will then be reflected on you Page Tab. Alternatively, you could create your own Facebook App and install it as an iframe in your Facebook Page. This will achieve the same thing, and may give you more control, but you will have to host the html/css/js files yourself and it will be more work.
I recently have the same need.
To just place a facebook tab containing just a static html with text and image.
Here are the steps. It can be quite a nightmare to review the documentation of Facebook since it is always in change.
In the home page, click in the settings button. There is a link "Create application". You have to be sure to be in the Facebook development section
In the Create Application home page. In the upper menu there is the button "Applications". Here will be listed all your applications. If this is the first time, again the button "Create a new app"
3.Enter the information requested. Name of the application, an identifier (I prefer the same display name without spaces) and choose a category.
As a security step, a captcha is shown. Just fill with the characters in the screen.
Since your tab is an html. You have to host this file in your own server in order to have a path. The first tricky thing here is to convert this file into a php, asp, or similar extension. since Facebook uses GET or POST protocol to send information. You have to ensure that your file understands this requests. So, your server must accept the corresponding programming language. Even if your tab doesn't have any real code.
The configuration of your app is shown in screen. In the left menu, the option "configuration" displays the options to activate your tab.
click "Add plattform" button and select Facebook tab
fill the information required with the corresponding URLs. Note: Facebook always requires secured URLs so make sure that your server or hosting service has the SSL certificate validated.
Upload the image of your tab to be shown in the home of your profile in your tab section.
ok, so far we are good. Now. This was a long search. There is no longer the "Add to my webpage" link anywhere. So use this link to access to that hidden link. here Basically you enter the facebook app id and the URL of the hosted file.
Then you select the facebook page where you want to link this tab. And that's it!
note: the alternative to the link is this: (https://www.facebook.com/dialog/pagetab?app_id=YOUR_APP_ID&next=YOUR_URL )
Hope this helps. It was a waste of time when I have to search for the details so I want to share this.
I've made some facebook pages before, but I'm running in to a problem that I haven't had before. Usually, when someone asks me to dev a facebook page for them, it's linked to an account and all I have to do is add the developer app, make a few apps for the links on the side bar, then navigate to the apps I created and click 'add to my page'.
For some reason, this person today gave me their log-in and their account isn't really 'real' so-to-speak. I'm navigated to the page they created upon log-in and there is nothing else loaded, not even a search bar. I was able to add the developer app by navigating to Edit Info (search bar popped up). However I am unable to add any apps to this account. The 'Add to My Page' does not show up on any app pages I navigate to. Is this because the account doesn't really exist? There is a "Create Your Profile" link up near the Settings/Logout buttons.
Am I thinking about this wrong? Is there another way for me to add apps/sidebar tabs with an account like this?
I was thinking of telling the person to register the account fully since "If you create a profile for your business, your account may be disabled for violating our Terms of Use."
Let me know if any of you have any insight.
Thanks!
facebook changes as usual
try my "fix" # http://admine.eu/addapp.html
here is part of the source and actually all you need:
window.open(
"http://www.facebook.com/dialog/pagetab?app_id=" +
document.getElementById("appid").value +
"&next=" +
document.getElementById("appurl").value,
"PageTab","width=1000,height=300"
)
+document.getElementById("appid") is the id of your app
+document.getElementById("appurl") is the canvas or tab URL of your app
I run into this too. Sometimes as when a client adds me as an admin I have to like the app I made on its profile page then switch to page mode and go to edit the page>apps and it shows up in my list of apps.
If you have already added it once it may already be in that list as well but doesn't show up in the left navigation until you add it as a tab in the app settings while in Page mode.
I find that if there are more than 8 tabs in the navigation already FB won't automatically add it to the left nav.
-Ann
I've put together a javascript snippet that is intended to be used as a bookmarklet. If you use the bookmarklet while on an application's page in the developers section, a new window will automatically open with the add to page-dialog. To use it, just copy the minified code from the repository below and create a new bookmark for "javascript:[the code]" (without the quotation marks).
https://github.com/Wehrzie/Add-Facebook-Application-to-Page-Bookmarklet
Hopefully this will help some until Facebook cleans up their current, quite messy, solution.
Simple to use:
http://www.facebook.com/dialog/pagetab?app_id=APP_ID&next=http://www.facebook.com
More info about what's going on:
https://developers.facebook.com/blog/post/2012/02/01/how-to--migrate-your-app-profile-page/
I read in another post that you can submit the app without the binary but I based on what I have seen this is no longer possible. It seems you cannot submit without the binary and the binary is submitted through the application loader. Is there any other known way to get the itunes/app store link to my app before I submit the binary?
The manual way:
Your should copy your "Apple ID" from iTunes connect and use this link:
http://itunes.apple.com/us/app/APPNAME/idXXXXXXXXX
Would open the US store ("APPNAME" is that app name and XXXXXXXXX is the "Apple ID". You can use more general method (Recommended):
http://itunes.apple.com/app/idXXXXXXXXX
and replace "XXXXXXXXX" with your "Apple ID" (from iTunes connect - after creating the app there).
Pay attention that those would open safari if you won't preprocess them, You could also use itms:// to open iTunes directly.
The easiest way to do this now is through iTunes Connect. Once you create an app there is a link to 'View in App Store'. Even if you haven't uploaded a binary yet you can click this link to get your App Store link.
The other answers work too but this generates your url for you. This is the URL it creates with my info removed (replace app-name and the numbers after /id with your own):
https://itunes.apple.com/us/app/app-name/id12345678?ls=1&mt=8
Once you create application in iTunes for submission under App Information tab click in View on App Store you will get app link.
Option 2: (In new update this is no longer available) you can create as below
https://itunes.apple.com/in/app/your-appname/id123456?mt=8
Note : Just replace app name and numbers after /id with your app-id in above link
Use this url example and just change your Apple ID at the end! Replace only the numbers!
https://itunes.apple.com/app/id111111111
You can find the value of your Appple ID by login into your App Store Connect and navigating to 'My Apps' under the 'App Information' -> 'General Information' -> 'Apple ID'
This url format works always and it is particularly helpful if you need the link before you publish your app
The standard URL is:
http://itunes.com/apps/yourlowercaseappname
As of today and for reference, I would say the best option is #"http://itunes.apple.com/app/%#/id%#?mt=8", inserting:
your application lowercase name,
your application ID.
In fact, this is essentially the link you can get for your application on your app's page in iTunes Connect (iTunes Connect > Manage Your Apps > Your App > View in App Store). Minus some parameters (which seems - between other unidentified things - to link to a precise country).
I thinks it's better than the itms://... one because this one redirects you to the iTunes Store on your device, which is not the App Store. You're then redirected, etc. The http://... link seems to be directly hooked to the App Store app.
I ended up using - itms://itunes.apple.com/app/id?mt=8
This seems to be what I was looking for.
Remember http://itunes.apple.com/app/id[Apple_ID] is gone. It will work for the old links and it should work fine for new ones too maybe, but to be safe use the new https://apps.apple.com/app/id[Apple_ID]
You can get application link before uploading your binary file on iTunes Connect.
You just need to upload your meta data using iTunes Connect. And after submitting these data you will get Apple ID. And by this ID you can get the URL for your application.
e.g. http://phobos.apple.com/WebObjects/MZStore.woa/wa/viewSoftware?id=appID
where appID="Your application ID when you submit the meta data"
Please check this. It is working here. And If you still have any problem then please let me know. I will help you out to solve the problem.
According to Apple's iTunes Connect documentation the View on App Store link is only available if at least one version of the app has had it's status set to Ready for Sale.
Having said that you can still see what the actual link will be, you just will not be able to load the page.
Best way to get app link is
login to itunes connect
Go to My Apps -> create app record if
you don't have any.
select your app -> go to App Information
section
At bottom of the page check additional information
section, there is a link called "View on App Store". Click on the
link and you will get exact URL for your app.Copy-Paste and Enjoy.
Apple has a documentation for creating easy-to-read app links. If your app name is specified, creating your links with this way is much more clear.
It seems the app id is now the Apple ID in the itunesconnect page. Go to App Information and scroll down until you see Apple ID. That is your app id.
http://itunes.apple.com/app/id[Apple_ID]
Go to https://itunesconnect.apple.com,
if not yet created, create a new App.
Open it and in the first screen (AppStore -> App information -> General) there is a field called "Apple ID" with the id number.
Copy and use it. Is this one.
If AdWords does not allow a link to iTunes, this will solve it...
If you use the link generated at the bottom of iTunesConnect, and you are selling internationally, you will find /us/ or /gb/ or /de/ etc that indicates the language of the relevant store. Adwords will not approve a link with the language indicated.
Why?
Because Adwords does not accept redirects and unmatched URLs. If the link is to the USA store, but the Adword test originates in Germany, then a redirect is detected. Of course, this behavior is correct because no matter what the link says the user will go to her local app store.
Solution: Edit the link from iTunes Connect. Strip out unneeded info. Simply match the display and final URL, disregarding any message about length in the display URL warning text.
URL copied from iTunes:
https://itunes.apple.com/us/app/this-is-my-app-name/id1111111111?ls=1&mt=8
Edited URL suitable for AdWords
DISPLAY URL
itunes.apple.com/app/id111111111
FINAL URL
http://itunes.apple.com/app/id111111111
notes:
- appstore.com is a redirect
- itunes.apple.com by itself is a redirect. Only in full as above does it go directly to your app page.
- When one URL - no matter how valid - redirects, then the result is mismatched URLs.
/gb
1- Go > https://appstoreconnect.apple.com/
2- My Apps > Select Your App
3- App Store > App Information > View On App Store
The best simple link is
http://itunes.apple.com/app/idXXXXXXXXX.
You can get id from your App Information in http://itunesconnect.apple.com.