How to Add a Custom Tab to Your Facebook Page 如何將自定義頁添加到您的Facebook頁面

Steps:


Step 1: Create the Content to Display Within Your Custom Tab


Facebook requires you to provide a secure URL for your web page in order to set up your Facebook tab. A secure URL is a URL with "https://" instead of "http://" at the front.


Make sure the width of your web page and all images, videos, etc. are less than either 520px or 810px.


Step 2: Log In to Facebook as a Facebook Developer

Visit https://developers.facebook.com/apps.

You'll be able to log in with your normal Facebook credentials.

Step 3: Create and Name Your New Tab

1) Click the green '+ Add a New App' button from the top right-hand corner. Then choose the 'Website' button.


Here, you'll need to provide a 'Display Name,' which is what your "app," or tab. You can also create a 'namespace,' which is basically just a unique ID for your app. Select Category. Choose 'Apps for Pages' then enter a captcha.



Step 4: Configure Your Facebook Page Tab

1) Once in your App Dashboard, click 'Settings' in the left-hand navigation; then click the '+ Add Platform' button to start configuration.


When prompted, select 'Page Tab' as your platform.

The add the 'Secure Page Tab URL' of the external web page you created in step 1.


Set up in step:

1. You can leave 'Page Tab Edit URL' field blank.

2. Or you can also upload a 'Page Tab Image' here (which must be 111 x 74 pixels)

3. Click the blue 'Save Changes' button at the bottom right.


Step 5: Add Your New Custom Tab to Your Facebook Page

This step can be a bit tricky. In order to add your new tab to your Business Page, you'll need to visit a link with several custom URL parameters. Here's the link you'll need to modify:


http://www.facebook.com/dialog/pagetab?app_id=YOUR_APP_ID&next=YOUR_URL

1) Go to Setting> Basic


2) Replace the parts in red in the URL above -- YOUR_APP_ID and YOUR_URL -- with the 'App ID' found in the basic settings for your app, and your 'Secure Page Tab URL.'

So using my example, my new URL would be:

http://www.facebook.com/dialog/pagetab?app_id=594192934100845&next=https://likehongkong.blogspot.hk/


3) Once you have your URL, visit it in your browser. When you do, this will pop up


Good Job! Your custom Facebook tab should now be added to your page. Go check and see!


Editor's Note: Some people getting 405 and 403 "Forbidden" errors within their page tabs once they've been set up. When a Facebook user clicks on your custom tab, their browser sends a HTTP POST request to your tab's Secure Page Tab URL. They'll see this error message if the page you're using to host the content of your Facebook tab forbids HTTP POST requests. If you see these errors, please ask experienced developer to help you set up your custom Facebook tab.


有些人在他們的頁面標籤中設置完成後,發現有405和403個“禁止”錯誤。當Facebook用戶點擊您的自定義標籤時,他們的瀏覽器會向您的標籤的安全網頁標籤網址發送HTTP POST請求。如果您用來託管Facebook標籤內容的網頁禁止HTTP POST請求,他們就會看到此錯誤消息。如果您看到這些錯誤,您最好與有經驗的開發人員重新設置您的自定義Facebook頁。


Step 6 (Optional): Rearrange Your Facebook Tabs


Facebook only allows you to display four tabs. To rearrange your tabs, click 'Manage Tabs' in the 'More' drop-down menu on your Facebook Page, and then drag and drop your tabs in the order.


For Facebook's official documentation about creating custom Facebook Page tabs, click here.


See our sample Facebook Tab page HERE (which links with Wordpress)

Contact us for details for more social media set-up and we can assist you!

News and Updates 最新消息
Subscription 即時訂閱
Recent Posts 最新發布
Follow Us 關注我們

Smiley Gift Club

  • Facebook Basic Square
  • instagram
  • Google+ Basic Square
  • Twitter Basic Square
  • YouTube Social  Icon
  • Blogger Social Icon
  • wordpress
  • RSS Social Icon

Like Hong Kong.org

  • Facebook Basic Square
  • instagram
  • Google+ Basic Square
  • Twitter Basic Square
  • YouTube Social  Icon
  • Blogger Social Icon
  • wordpress
  • RSS Social Icon
Archive 昔日文章
Search By Tags 標籤檢索

讚好香港控股集團有限公司

​Like Hong Kong Holding Group Limited

LikeHongKong.com

 

@ 囍悅薈 Smiley Gift Club

@ 著數情報 Jetso Magazine HK

We are here 24/7

​E: likehongkong.org@gmail.com

​囍悅薈 Smiley Gift Club

讚好香港 Like Hong Kong

著數情報 Jetso Magazine HK

扎西拉姆 ZHAXILAMU

  • SGC Instagram
  • SGC Facebook
  • SGC YouTube
  • SGCTwitter
  • SGC Pinterest
  • SGC Blogger
  • LHK Facebook
  • LHK Instagram
  • LHK YouTube
  • LHK Twitter
  • LHK Pinterest
  • LHK LinkedIn
  • YouTube - White Circle
  • Jetso Magazine HK Facebook
  • Jetso Magazine HK Blogger
  • ZHAXILAMU Facebook
  • ZHAXILAMU Instagram
  • ZHAXILAMU YouTube
  • ZHAXILAMU Twitter
  • Pinterest - White Circle
  • ZHAXILAMU Wordpress

© 2016-2020 All rights reserved. 版權所有

版權與商標 | 個人資料(私隱)政策 | 免責聲明