IT박스

Facebook "좋아요"버튼 콜백

itboxs 2021. 1. 8. 08:01
반응형

Facebook "좋아요"버튼 콜백


저는 페이스 북 "좋아요"버튼을 구현하는 데 관심이 있지만,이 버튼에서 어떤 사용자가이 버튼을 클릭하고 있는지 알고 싶습니다. 그러면 여기에서 유용한 정보를 얻을 수 있습니다. 내가 읽은 것에서 페이스 북은 누가 무엇을 클릭하는지에 대해 우리를 어둠 속에 두었습니다. 어떤 사용자가 특정 제품에 대해 좋아요 버튼을 클릭했는지 어떻게 추적 할 수 있는지 알고 계십니까?

업데이트 : 좋아요 버튼은 iFrame 또는 xFBML을 통해 페이스 북에서 렌더링됩니다. 이것이 누가 무엇을 클릭했는지 추적하거나 onclick 이벤트 등을 삽입하는 것이 어려운 이유입니다.


<script>
  FB.Event.subscribe('edge.create', function(href, widget) {
    alert('You just liked the page!');
  });
</script>

그래서 나는 단순히 www.somewebsite.com/thisIsThePageIlike/facebookUID의 URL로 로그인 한 각 사용자에 대해 고유 한 좋아요 버튼을 렌더링했습니다.

이것이 좋아요 버튼을 갖는 목적을 무너 뜨리고 페이스 북 검색 순위를 엉망으로 만들지 않을까요? 모든 사용자는 다른 URL을 좋아할 것이므로 페이스 북은 하나의 좋아요 수를 가진 수많은 페이지를 가지고 있다고 생각할 것입니다.

edge.create 이벤트가 발생하지 않는 버튼과 같은 XFBML에도 문제가 있습니다.


좋습니다. 어떻게 구현했는지 알려 드릴 수 있습니다. 제가 원했던 것은 페이스 북 연결 앱 내부의 "좋아요"버튼을 클릭 한 페이스 북 사용자의 UID였습니다. 사용자가 "좋아요"버튼을 클릭하면 페이스 북이 버튼에서 전달 된 URL을 가져 오므로 로그인 한 각 사용자에 대해 URL www.somewebsite.com/thisIsThePageIlike/facebookUID로 고유 한 좋아요 버튼을 렌더링했습니다. . 이 URL을 사용하여 웹 서버에 요청이 들어 오면 콜백처럼 작동하며 사용자가 처음으로 "좋아요"를 클릭하면 UID를 처리하고 기록합니다. db에서). 나를 위해 작동합니다.


window.fbAsyncInit = function () {

    FB.Event.subscribe('edge.create', function (response) {
        alert('Liked');
        });
    }
    );
    FB.Event.subscribe('edge.remove', function (response) {
        alert('DisLiked')
    });
};

(function (d, s, id) {
    var js, fjs = d.getElementsByTagName(s)[0];
    if (d.getElementById(id))
        return;
    js = d.createElement(s);
    js.id = id;
    js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.7";
    fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));

HTML :-

<div id="fb-root"></div><div class="fb-like" data-href="https://www.facebook.com/testpage" data-layout="standard" data-action="like" data-size="small" data-show-faces="true"></div>

내 클라이언트 사이트에 대해 다음과 같은 것입니다.

<iframe src="http://www.facebook.com/plugins/like.php?href=www.jesterkaraoke.com&amp;layout=standard&amp;show_faces=false&amp;width=450&amp;action=like&amp;colorscheme=light&amp;height=35" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:35px;" allowTransparency="true"></iframe>

참조 URL : https://stackoverflow.com/questions/2798622/facebook-like-button-callback

반응형