2009-09-02 81 views
44

我剛創建了一個Facebook頁面。 我也有一個單獨的Facebook應用程序。將一個標籤添加到Facebook頁面

如何將包含我的facebook應用程序的選項卡添加到Facebook頁面?

我已將應用設置爲允許在頁面上安裝,並添加了標籤名稱,標籤圖像等,但該應用未顯示爲人們訪問我的應用時要添加到Facebook頁面上的應用

回答

-3

我有點困惑,因爲'tab'是什麼意思。 FB格式化選項卡使用類似這樣的東西創建:

<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> 

再次,只是在這裏黑暗中刺。標籤的URL添加

+0

嗨特拉維斯,爲響應感謝。 當我說選項卡時,我指的是配置文件選項卡。 e.g http://www.facebook.com/skittles(看看他們有所謂的「霍拉」的自定義選項卡) 實際上,我現在能夠添加標籤,但我現在所面臨的另一個問題。 單擊該選項卡會顯示空白內容。 做一個谷歌搜索,人們似乎在說「不要做重定向」。任何想法是什麼意思? 謝謝, T恤 – teepusink 2009-09-03 05:55:57

4

在開發者頁面添加配置文件選項卡頁面(編輯設置>配置文件)http://www.facebook.com/developers/apps.php

您可以添加所有的應用程序作爲選項卡這是目前活躍在您的會話,並有。

使用Public Profile/Page上的「+」圖標添加它 - 如果它不在列表中,則使用列表底部的搜索功能。

如果你是Tab是空的,直接打開Tab Url。如果它沒有在那裏工作,直到它解決它。如果它在那裏工作,那麼這個問題就在與你的主機進行溝通。檢查你的日誌文件!

狂猜: 請注意,Facebook通過POST請求獲取此頁面。我有一個討厭的bug,因爲nginx 500的所有發佈請求都是靜態文件(例如HTML文件)。

2

有點晚了你,但可能是別人,我發現瞭如何我的應用程序添加到一個新的標籤:

  1. 您需要爲頁面管理員創建一個配置文件!如果你沒有,在Facebook頁面的右上角你應該有一個鏈接'創建你的個人資料'。它沒有意義的,我可是...
  2. 到這個鏈接(感謝ifaour):HTTPS://www.facebook.com/dialog/oauth的client_id = YOUR_APP_ID & REDIRECT_URI = YOUR_URL &範圍= manage_pages & RESPONSE_TYPE =令牌
  3. 得到了你的http://www.facebook.com/apps/application.php?id=YOUR_APP_ID和應用程序添加到您的網頁
+1

這是多麼的落後,哦,我的上帝。非常感謝你,第二步是我所需要做的。我發誓曾經是一個更簡單的方法來做到這一點。 – Benno 2012-01-03 00:34:35

+0

爲什麼你需要先創建一個配置文件?它工作正常,只需使用您的應用程序ID和應用程序命名空間的鏈接。 – Philip 2012-01-24 20:15:16

+0

它現在可能正在工作,我很確定它不是那個時候,我在那裏損失了幾個小時。我確定嘗試了很多次與應用ID的鏈接。 – Aurelien 2012-01-31 02:44:22

-2

我覺得this是你寫什麼:

  1. 轉到您的應用程序的
  2. 頁面
  3. 點擊add to my page
  4. 選擇頁面,您要添加PageTab爲您的應用程序
+0

我無法找到「添加到我的網頁」鏈接。順便說一句,只是爲了確認,當我點擊我的「應用程序頁面」時,我假設你的意思是頂部菜單上的「應用程序」,並且URL變成「https://developers.facebook.com/apps」。 – 2012-01-03 07:48:52

+0

這不再有效。 – 2012-02-08 22:14:17

+0

添加至我的網頁已被棄用。 iFrame應用程序不再擁有粉絲頁面。 – 2012-04-13 18:40:03

57

你可以使用這個鏈接,
添加app_idapp_namespace

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

你會做到這一點,不知道你需要鏈接的東西,只需將網址粘貼到地址欄。 – 2012-05-10 14:33:28

+1

它是您應用的託管網址,而不是Facebook。 – 2014-07-14 10:46:38

6

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

有一個網址那裏,只是打它,取代了應用程序ID和畫布URL爲您的應用程序後。 例如

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

然後它會要求您選擇您想要添加應用程序的網頁。

一個應用程序是一個應用程序,一個頁面是一個頁面。當人們談論選項卡時,就是當您將應用程序添加到頁面時,就像在舊的FB頁面佈局上一樣,應用程序列表也是標籤。

+0

'下一個'是關鍵點 – 2016-07-20 09:06:00

8

有這樣做主要有兩種方式,第三個,我認爲是超出了範圍,因爲它是應用程序開發人員

1)添加頁面標籤對話框

對於這一點,你的控制範圍之外用戶發送到對話,他們是提示您的應用程序添加到您的網頁

用法示例是將用戶鏈接到該格式的URL:

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

您的應用擁有的任何網址適用於redirect_uri參數,但在大多數情況下,您希望使用應用在應用設置中爲「網頁標籤網址」或「安全網頁標籤網址」使用相同的值

對於工作示例,您可以添加使用this dialog

管理員將看到一個對話框,看起來像這樣的InstaTab應用: Add Page Tab Dialog prompting a user to add the 'InstaTab' app to their page

在該對話框的完整文檔,在Add Page Tab dialog documentation

2)郵政你的 應用程序直接使用API​​訪問用戶頁面

使用Page object's /tabs connection您可以直接將應用程序添加到頁面。 要進行API調用,您需要在管理頁面中使用manage_pagespermission

一旦你的,使用Page access token做一個POST請求/v2.0/<PAGE ID>/tabs用一個參數,app_id您要添加到網頁應用程序的應用程序ID的值。如果應用程序提供頁面選項卡,該選項卡將被添加到頁面。

樣品API調用將是一個HTTP POST來

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

3)頁在Facebook上設置界面。com

頁面管理員可以使用Facebook的頁面管理界面來搜索在Apps for Pages section of the App Center中提供頁面標籤的應用 - 在這種情況下,您需要一種方法讓用戶通過此方法找到您的應用,以便使用該標籤添加其中一種方法是

+1

真棒答案,謝謝一堆的例子! – AlejandroVK 2014-11-07 14:22:44