2011-09-05 5 views
3

FB 팬 페이지 탭에서 iFrame 기반 페이지에 버튼을 추가하는 데 문제가 있습니다. JavaScript SDK와 Open Graph를 사용하여 사용자가 "좋아"(FB 페이지의 현재 페이지)하는 페이지를 지정합니다.iFrame 기반 FB 페이지 앱의 Facebook Like 버튼 - 문제

페이지는 iFrame 기반이며 FB의 앱이며 FB 페이지의 FB 페이지 탭을 통해 액세스 할 수 있습니다. 문제는 페이스 북이 내 FB 페이지 자체 (내 FB 페이지 홈페이지)가 아닌 페이지 (내 테스트 페이지 - 응용 프로그램으로 설정되고 내 FB 페이지 탭에 이름 아래에 나타남)에 Like를 할당하고 있다는 것입니다 "og 테스트").

FB linter를 통해 iFrame의 대상 페이지를 실행하려고 시도했는데 Open Graph Type이 "Other"(제공하지 않았습니다, 제공했습니다) 웹 사이트를 제공했다는 이상한 오류가 나타납니다. ") 내 META 태그에 아래 참조 : 또한

http://developers.facebook.com/tools/debug/og/object?q=http%3A%2F%2Fwww.airport-parking-quote.co.uk%2Ffacebook%2Fog-test.php

디버그 페이지보고에서 페이스 북은 것 같다 중 하나 내에서 QueryString을 무시"OG : 홈페이지 "값 때문에 만보고 내 FB 페이지의 허영 URL 또는 iFrame 기반 앱 페이지를 좋아할 수있는 것에 대한 차단 기능이 있습니다.

누구든지이 문제에 관해 밝힐 수 있습니까? 나는 내가 뭘하려고 오전 달성 할 수있을 것입니다이 문서에서 생각 :

http://www.insidefacebook.com/2010/09/09/like-buttons-app-content/

iframe을 대상 페이지의 코드는 다음과 같습니다

<html xmlns="http://www.w3.org/1999/xhtml" xmlns:og="http://ogp.me/ns#" xmlns:fb="http://www.facebook.com/2008/fbml"> 
    <head> 
    <title>Test Like</title> 
    <meta property="og:title" content="OG Test"/> 
    <meta property="og:type" content="website"/> 
    <meta property="og:url" content="https://www.facebook.com/EssentialTravel?sk=app_275969292428556"/> 
    <meta property="og:image" content=""/> 
    <meta property="og:site_name" content=""/> 
    <meta property="fb:admins" content="100002424161307"/> 
    <meta property="fb:app_id" content="275969292428556"/> 
    <meta property="og:description" content="OG test through canvas page"/> 
    </head> 
    <body> 
    <div id="fb-root"></div> 
    <script src="http://connect.facebook.net/en_US/all.js"></script> 
    <script> 
    FB.init({ 
     appId : '275969292428556', 
     status : true, // check login status 
     cookie : true, // enable cookies to allow the server to access the session 
     xfbml : true, // parse XFBML 
     oauth : true // enable OAuth 2.0 
    }); 
    </script> 
    Test Page<br> 
    <script src="http://connect.facebook.net/en_US/all.js#appId=156081301143077&amp;xfbml=1"></script><fb:like href="https://www.facebook.com/EssentialTravel?sk=app_275969292428556" send="false" width="450" show_faces="false" action="recommend" font=""></fb:like> 
    </body> 
</html> 

누구나 어떤 아이디어가?

감사합니다,

Pjordanna

답변

2

은 불행하게도 당신은 페이지에 실제 탭의처럼 버튼을 설정할 수 없습니다.

당신이 알았 으면, https://www.facebook.com/EssentialTravel?sk=app_275969292428556과 같은 URL을 사용하여 같은 버튼을 만들려고하면 개별 탭이 아닌 페이지의 버튼처럼됩니다.

해당 특정 탭에 대한 버튼을 만드는 가장 좋은 방법은 서버에 앉아있는 앱의 URL 만 사용하는 것입니다. http://YOURDOMAIN.com/YourAppDirectory

+0

안녕하세요, 정보를 제공해 주셔서 감사합니다. 그게 내가 가진 곳이야. 내 애플 리케이션 내 페이스 북에 의해로드되었을 때 애플 리케이션이 요청되었는지 확인하고, 그렇지 않은 경우 사용자를 내 Facbook 페이지 내의 앱으로 리다이렉트 할 수 있는지 확인할 수있을 것 같다. 이 방법은 누군가가 내 애플 리케이션에 좋아하는에서 링크를 따랐다면 그들은 단순히 애플 리케이션보다는 FB 페이지 애플 리케이션에 끝날 것이다. – pjordanna

+2

누군가가 이것을보고 있지만 pjordanna를 볼 수 있는지 확실하지 않습니다. (페이스 북 페이지 내에서 앱으로 즉시 리디렉션되는 외부 페이지를 가리키는 것과 같은 메커니즘을 구현했습니다.) 외부 페이지에 FB 작성을위한 모든 og 메타 태그가 포함되어 있습니다. 멋진 뉴스 피드 게시물). 그러나, FB의 조건을 어떻게 든 위반할 수 있다고 걱정됩니까? 결국 사용자가 실제적으로 좋아하는 장면이 무엇인지 명확하게 알지 못하기 때문에 위와 같은 시나리오가 사기 목적으로 사용되었다고 생각할 수 있습니다. – Wouter

+0

자신의 서버를 가리 키도록 설정 한 경우 Facebook은 페이지를 구별합니까 (쿼리를 포함한 전체 경로 사용)? 또는 http://my.site.com?page=3이 (가) http://my.site.com?page=1을 (를) 좋아하는 것과 같을 때 –