0

사용자가 특정 요소를 "좋아"할 수있는 페이지가 있습니다. 좋아하는 것은 페이 스북과 비슷하지만 여러 가지 이유로 (데이터를 쉽게 조작 할 수있는 등) 내 선호도는 페이스 북 사용자를위한 것은 아니며 내 사이트에 남아 있습니다. 그래서 "mysite-like"버튼이 있습니다. 그러나,이 mysite-like 단추가 facebook-like 단추로 또한 작용 한 경우에 나는 그것을 좋아할, 그리고 사람이 facebook에 로그온하는 경우에, 벽에 그것을 배치 할 것입니다.크로스 - 네트워크 좋아하는 오버레이와 같은 페이 스북 같은 버튼?

두 기능을 수행하는 버튼을 만드는 방법이 있습니까? 예 : 아마 보이지 않는 페이 스북 같은 버튼을 mysite와 같은 버튼 위에 덧씌우면? 아마도 일부 불투명도 = 0 iframe을 통해? 이상적인 세계에서 하나의 버튼을 클릭하면 mysite와 같은 기능을하며, facebook과 같은 기능과 google + 1 기능을합니다. 그들 모두를 지배하는 하나의 버튼 ...

+0

'아마도 보이지 않는 페이스 북과 같은 버튼을함으로써, 오버레이합니다 (official docs에서) mysite-like 단추의 위에'이것은 [클릭 재킹] (https://en.wikipedia.org/wiki/Clickjacking)이라고 지명되고 악의적 인 여겨진다. – abraham

답변

1

소셜 버튼에 대한 사용자 상호 작용이 사이트에서 변경을 유발하는 이러한 유형의 구현을 수행하는 깨끗한 방법은 콜백 메소드를 사용하는 것입니다.

제한

이 콜백은 한 방향으로 작동합니다. 예를 들면 :

페이스 북과 같은 버튼 -> 버튼 '와 같은'사용자 정의

또는

구글 +1 버튼 -> 당신이되지 않습니다 결과 버튼

'와 같은'사용자 정의 수

  • 트리거 버튼 '와 같은'사용자 정의
  • 을 트리거에서 하나 개 타사 버튼에서 둘 중 하나에 기타

이제 어떻게 할 수 있는지 알았으니, 어떻게 할 수 있는지 알아 보겠습니다.

페이스 북과 같은 버튼 콜백 (from another StackOverflow post)

<script> 
    FB.Event.subscribe('edge.create', function(href, widget) { 
    alert('You just liked the page!'); 
    // this is where you would trigger your site specific logic 
    }); 
</script> 

구글 +1 버튼 콜백

<g:plusone callback="myCallback"></g:plusone> 
<script> 
function myCallback(result) { 
    alert('button was just changed to state ' + result['state']); 
    // this is where you would trigger your site specific logic 
} 
</script> 
+0

사용자가 액세스 권한을 부여하면 앱이 API와 비슷한 것을 게시 할 수 있다고 생각합니다. 이것은 +1 콜백으로부터 트리거되어 모든 것을 동시에 허용 할 수 있습니다. https://developers.facebook.com/docs/reference/api/post/ – abraham