How do I include a discussion icon on my page?
You have to create a new Facebook application, and then add it to your page. You also have to host the content for your page on a webserver somewhere online (not Facebook). In the settings for your application, you can upload a 16x16 pixel icon.
Follow these steps:
create a webpage hosted on your website (e.g. http://mywebsite/fb/discussion.html)
go to https://developers.facebook.com/apps
click on "+Create New App" (upper right corner)
Name your app, something like "My Page Discussion Tab"
Check "agree to the Facebook Terms", click through the following dialogs, until:
On the application page, click 'edit icon' and upload a 16x16 pixel icon
Under "Select how your app integrates with Facebook" select "Page Tab"
Under Page Tab Name put 'Discussion' (or whatever you want to name your tab).
Under Page Tab URL put the url of your hosted content (e.g. http://mywebsite/fb/discussion.html )
Under Secure Page Tab URL put an https version of your hosted content (try the same url, but with https)
Click Save Changes
On the left, find and follow the link "View App Profile Page"
On the App Profile Page, click "Add to My Page"
In the popup window, select the Facebook Page you want to have your discussion tab.
Close
Go to the page you admin, and there is now a discussion tab on the left, with your icon!
Yay!
Related
I have created a Facebook App that will be a page tab in an existing group. This app is live (visible to all users).
What I would like to know is, how can I edit the content of the actual app? At the moment when I click the "Web Preview" link, I get a page with the App layout and the screenshots as the contents, but I can't see anywhere to edit the actual content.
To edit your Facebook app, you need to go to
https://developers.facebook.com/apps and sign in, and then from there you click your app in the left hand corner and then on the right should be a button that says 'Edit App' and has a pencil icon. Click that and there you go, you can edit your Facebook app from there.
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.
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.
I added "Page Tab Edit URL" to my application, and then added the application the my fan page.
How can I access the edit url directly from my facebook fan page?
It's not as easy as it should be. As perx wrote on http://forum.developers.facebook.net/viewtopic.php?id=88920 ...
Click "Edit page" button on your fan-page. Then go to "Apps" and click "Go to App" link near your app name. This link will laed you to previously set "Edit Url".
You can also used the signed_request to read whether the viewing user is a page admin and customise the content based on that. There's details of that here.
I made an application for using Facebook's likes/comments.
This is the app.
However, I made a separate fan page.
How do I link the two such that the App's Profile Page points to the one that I have made?
I can't afford to make a new page since I have already gathered 250+ likes, and it was hard.
Facebook changes their user interface once in a while, and it can be difficult how to add an app as a tab to a Facebook page.
Here is how you do it:
The app must be a tab app. When you create the app, you get a chance to specify a Page tab URL and a Secure Page Tab URL. If the app is set up as a "App on Facebook", it will not work. Make sure your app is set up as a "Page Tab"
After you create the Tab app, click on "View App Profile Page" in the left column.
Click "Add to My Page"
Select the page to which you want to add this tab and click the close button
There is a step by step tutorial on how to do this here:
http://how-to-create-facebook-app.koliber.com
You can link the app to the page by clicking the "link to my page" link at the lower left of the app screen. A box pops up that lists all the pages you are an administrator of. Just select the one you are targeting.
The app including its info content will then appear as an extra tab/menu item on your page. That way, the visitors of your page have direct access to your app.