Facebook Timeline : Add customized Facebook App to Facebook Page - facebook

I have a Facebook App & a Facebook Page (with Facebook Timeline enabled).
The goal is to add the Facebook App to Facebook Page's boxes. I was able to achieve this one month ago using "Add Page Tab Dialog" as told by Facebook Developers documentation, but I try the same thing today. It didn't work.
After I use the "Add Page Tab Dialog" :
https://www.facebook.com/dialog/pagetab?app_id=YOUR_APP_ID
&display=popup&next=APPS_SECURE_CANVAS_URL
It shows up the dialog and I select my page. Last, after I click "Add Page Tab", it forwards to "APPS_SECURE_CANVAS_URL". But when I navigate back to my Page's URL, my Facebook App is still missing from the page.
What did I miss ? or Facebook is changing things now ?
Current Settings
Enabled : Apps on Facebook
Canvas URL : (empty)
Secure Empty URL : APPS_SECURE_CANVAS_URL
Enabled : Page Tab
Page Tab Name : My App Tab Name
Page Tab URL : (empty)
Secure Page Tab URL : APPS_SECURE_CANVAS_URL
Page Tab Edit URL : (empty)
Page Tab Width : Wide (810px)

So I am assuming you can't see the app in the drop down section either?
Go to edit your page. Click apps, edit the settings on your app and you will be able to add the tab and change other details.
Most likely you have added the application to your page before, you removed the tab but not the app and hence just need to re-add the tab.

I found the answer.
Canvas URL and Page Tab URL must be filled in, even it is started with HTTPS.
After these fields filled in, the "Add Page Tab Dialog" direct link works with any next URL under the same domain.

Hmm, it should work. To solve that issue you can add the following snippet to your fangate. Don't forget to replace the FB_APP_ID and FB_APP_CANVAS_URL placeholder with your data.
<a href="#" onclick=window.open("http://www.facebook.com/dialog/pagetab?app_id=FB_APP_ID&redirect_uri=FB_APP_CANVAS_URL","PageTab","width=500,height=200");>
ADD
</a>

Try http://facebook.com in the place of APPS_SECURE_CANVAS_URL. It works for me.

Related

My facebook page doesn't appear by adding a tab

I'm trying to add Facebook app in a tab on my page.
I use this url for that : https://www.facebook.com/dialog/pagetab?app_id=YOUR_APP_ID&redirect_uri=YOUR_URL
Unfortunately my page doesn't appear in the list.
I'm admin of my page and my app is published (but not submitted).
After a quick conversation with a Facebook developer, he redirected to this bug : https://developers.facebook.com/bugs/331985337005510/
Then I use a little script to add my app on my page (temporaly solution): https://developers.facebook.com/bugs/331985337005510/?comment_id=435667956591231

on share, og:url is showing my server, not the facebook tab URL

I've build a tab for my brand page. Problem is when you click to share, the url that appears under my title is to my own domain where the tab is being hosted. How do I have it either hide this URL (I dont want people coming to my server) or change this to be the facebook brand page tab url?
I've already tried editing my meta og:url to show the facebook tab url instead and tried this within the app settings, both did not work.
Thanks!
I think it could help: https://developers.facebook.com/docs/share/

Facebook app on fan page problems (error 404)

I see this issue has appeared a few times but none of the solutions have worked for me.
Here is my app: https://www.facebook.com/apps/application.php?id=168373039912688
It's basically an image of a poster: http://www.clare-ents.com/test/facebook/index.html
I want this image to be the landing page of my fan page: http://www.facebook.com/ClareEnts
I've added this as the site URL on the developer page and added it to my fan page. When I click 'Go to application' on the Apps tab on my fan page I get an error 404. Where could I have gone wrong?
The App is pointing to : http://www.clare-ents.com/help/facebook/index.html and that seems not to have anything.
But to make this app show a and image on the landing page you need to go to your app settings and change the Tab URL and point it to the image or HTML Poster you wish to display.
Then go to the app Page https://www.facebook.com/apps/application.php?id=168373039912688 and on the left menu click "Ad to My page", select the clareEnts page.
Last in your page settings select the default tab. This will be the tab where non-likers land. As an admin in wont work that way (you are always a fan is the behavior) so use another account for testing.

custom tab content doesn't show up in facebook page

I created a facebook page for my company and we wanted to add a custom tab for users to land on. I went and created an app to do an iframe tab since fbml has been depreciated. Anyway i have everything set and added the app on the fan page, but when you click on the link for the custom tab nothing shows up in the content area.
Any ideas as to why this is happening? I can see the content just fin on our server, it just doesn't load inside the facebook page
I have the same problem (FF 3.6, IE8). I've discovered that the Custom app/tab won't display in the my FB page if I'm logged into my own page. The only "solution" I have found is to log out of FB, or open a different browser and display the page "anonymously". Only then does the custom tab appear.

Adding Dynamic HTML to Facebook's Fan Page

I am trying to add a new box on the main view of our Fan Page.
And populate it with HTML from our main webserver (django) when the user opens the fan-page.
Is there any way to do this ?
You should read up on creating facebook applications...
Once you have an application you can setup a page tab application and add that to your fan page.
Finally go to your fan page settings, and the "Manage Permissions" tab. There you can set your "Default landing tab". Be aware, as the administrator of the page the landing tab will not work for YOUR account - you'll have to log into a different facebook account to see this behaviour.
There's two way of reading what you want to do :
1/ You want a landing for non-fans
2/ You want a landing page for all your user
The first one is achievable by creating an application and fill the page tabs fields (PAge tab name, Page tab url, secure page tab url). Then going to the App Profile Page, add it to your page. Then on the admin panel of your page pick your app as default landing tab.
The second isn't achievable. One a user likes your page, its default page is your wall and you can't change it.
I'm not sure exactly what you wants to achieve, hope I helped.