Adding a Tab to facebook page

∥☆過路亽.° 提交于 2019-11-27 17:03:26
Philip

You can use this link,
add your app_id and app_namespace,

<a href="http://www.facebook.com/dialog/pagetab?app_id=YOURAPPID&next=URLOWNEDBYOURAPP">Tab Link</a>

This used to be simple, using the Facebook UI. Unfortunately facebook removed this.

you can add it using
http://www.facebook.com/dialog/pagetab?app_id=YOUR_APP_ID&next=YOUR_URL

I put this an html and published it below. Just visit, enter your app params, hit submit, and you're done.

http://www.jibecompany.com/2012/add-a-facebook-page-tab-application-to-your-page

There are two main ways to do this, and a third which I think is out of scope because it's outside the control of the app developer

1) Add Page Tab dialog

For this, you send the user to the dialog and they're prompted to add your app to your page

Example usage is to link the user to a URL of this format:

http://www.facebook.com/dialog/pagetab
  ?app_id=<APP_ID>
  &redirect_uri=<A URL OWNED BY YOUR APP> 

Any URL owned by your app works for the redirect_uri parameter, but in most cases you'll want to use the same value your app uses for 'Page Tab URL' or 'Secure Page Tab URL' in the app settings

For a working example, you can add the InstaTab app using this dialog

The admin will see a dialog that looks like this:

Full documentation for the dialog is in the Add Page Tab dialog documentation

2) Post your app to the user's page(s) using the API directly

Using the Page object's /tabs connection you can add your app to a page directly. To make the API call you'll need manage_pages permission from the page admin.

Once you have that, use the Page access token to make a POST request to /v2.0/<PAGE ID>/tabs with the one parameter, app_id with a value of the App ID of the app you want to add to the page. If the app provides a page tab, that tab will be added to the page.

A sample API call would be a HTTP POST to

https://graph.facebook.com/{page-id}/tabs
    ?app_id={app-id-to-add}
    &access_token={page-access-token}

3) Page settings interface on Facebook.com

The page admin can use Facebook's Page management interface to search for apps which provide page tabs in the Apps for Pages section of the App Center - in this case you'll need a way to get users who find your app via this method to add the tab using one of the methods aboce

Solution !

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

https://developers.facebook.com/docs/reference/dialogs/add_to_page/

There is a URL there, just hit it, after replacing the app id and the Canvas URL for your app. e.g.

https://www.facebook.com/dialog/pagetab?app_id=123456789
&display=popup&next=http://www.myhosting/myapp/index.php

It will then ask you to select which of YOUR pages you would like to add the app to.

An app is an app, and a page is a page. When people talk about Tabs, that is when you have added the App to the page, as on the old FB page layouts the apps list were tabs down the side.

Add a Profile Tab page at the developer page (Edit Settings > Profile) http://www.facebook.com/developers/apps.php

You can add all Apps as Tab which are currently active in your session and have Tabs-Urls added.

Use the "+" icon at the Public Profile/Page to add it - if its not in the list use the search function at the bottom of the list.

If you're Tab is blank open the Tab Url directly. If its not working there fix it until it is. If it is working there the problem is within the communication of fb with your host. Check your Logfiles!

Wild guess: Be aware that facebook fetches this pages via POST request. I had a nasty bug because nginx 500's all post requests to static files (e.g. HTML files).

A bit late for you, but may be for others, I found out how to add my app to a new tab:

  1. You need to create a profile for the page admin! If you didn't, on the top right of Facebook page you should have a link 'Create Your Profile'. It doesn't make sense to me but ...
  2. Go to this link (thanks ifaour):https://www.facebook.com/dialog/oauth?client_id=YOUR_APP_ID&redirect_uri=YOUR_URL&scope=manage_pages&response_type=token
  3. Got to your http://www.facebook.com/apps/application.php?id=YOUR_APP_ID and add the app to your page
Lukáš Kupka

I think this is what you're writing about:

  1. Go to your app's page
  2. Click add to my page
  3. Choose page where you want to add a PageTab for your app
Travis

I'm a little confused as to what you're meaning by 'tab'. The FB formatted tabs are created using something like this:

<div style="padding:10px;padding-top:0px;padding-bottom:0px;">
    <fb:tabs>
        <fb:tab-item href="index.php" title="Home"/>
        <fb:tab-item href="page2.php" title="page 2"/>
        <fb:tab-item href="page3.php" title="page 3" align="right"/>
        <fb:tab-item href="page4.php" title="page 4" align="right"/>
    </fb:tabs>
</div>

Again, just a stab in the dark here.

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!