2010-10-19 68 views
1

我想以footlocker does的方式在Facebook中嵌入商店定位器。我可以在Facebook應用程序中嵌入我自己的頁面嗎?

是否可以創建一個facebook應用程序來爲我的獨立商店定位器頁面提供服務,而無需爲我的Facebook商店定位器頁面重新編寫代碼?

任何好的指南/如何通過這樣的Facebook應用程序服務一個獨立的頁面?

+0

很確定你可以......使用畫布。我相信像iframe一樣工作。一段時間看到我觸摸FB API。 – mpen 2010-10-19 22:08:40

回答

1

這是非常普遍和容易的事情。您只需創建一個Facebook應用程序並將您的「畫布網址」指向您的商店定位器頁面即可。舉例來說,如果您的商店定位器是www.example.com/storelocator,請將您的Facebook應用程序的畫布網址設置爲該頁面。如果你看看這個腳手架應用程序,你可以看到,iframe的網址實際上是http://unlocked.footlocker.com/main_store_locator/

+0

嗯,是的,看起來你可以指定任意的頁面作爲「畫布URL」,只要它以「/」結尾或者具有?在URL中。謝謝! – cmcculloh 2010-10-20 14:48:03

+0

自今年早些時候以來,除了普通的http之外,Facebook開始需要一個安全的URL。確保你有兩個填寫。這裏有一個很好的教程,介紹如何在此處設置Facebook應用作爲標籤網址:how-to-create-facebook-app.koliber.com – 2011-10-08 16:43:57

-2

不幸的是,沒有。當您將FBML/iframe應用程序添加到Facebook頁面時,Facebook加載內容並將其緩存並將其注入到DOM中;它實際上並沒有將其加載到iframe中。因此,對於哪些元素可以被包含有限制(例如,只有<body>內容),Javascript是如何使用的(外部庫需要一些調整)以及任何引用外部源的元素(例如,Flash加載內容)必須具有目標網域已列入您的應用程序的白名單。總之:這是一種痛苦,但它可以完成。

+1

這是不正確的。一個iframe應用程序可以包含標準的html,並顯示爲一個普通的iframe。 – 2010-10-19 23:30:41

+0

如今,FBML正逐漸被Facebook淘汰,而iframe是唯一的出路。原始海報想要做的事情非常簡單。 – 2011-10-08 16:42:31

1

如果我理解正確,那麼您正在尋找the canvas guide。根據文檔,您可以在Facebook頁面中的標籤內的iframe中顯示您的頁面。

相關問題