Facebook 仅当用户喜欢某个页面时才在网站上显示内容

我是一个Facebook页面的管理员，希望在访问我的域时向喜欢我的页面的人显示一条消息

我可以找到一些关于如何把它作为页面标签的教程，但我想在我的网站上展示。 我怎样才能让它工作？我已经扫描过了，但我不知道从哪里开始

我已经制作了一个应用程序，并且有一个应用程序id和应用程序机密。。。。但是

有人能给我指出好的方向吗

---

谢谢你的回答，但我猜我不清楚我想要什么。我不需要的是：注册单击like按钮的方法

我想要的是： 一个用户喜欢我的Facebook页面，然后访问我的网站。在我的网站上，我想向用户显示一条消息，例如：“你在Facebook上喜欢我们！干得好！”将来，我们想向用户显示免费啤酒或其他东西的优惠券代码

---

对不起，误会了

我假设您使用javascript，因为您写了“当他们访问我的域时” 我从我的一个老项目中找到了以下代码：

// load fb
// don't load if already loaded
var js, id = 'facebook-jssdk';
if(document.getElementById(id)){
    return;
}

js = document.createElement('script');
js.id = id;
js.async = true;
js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
document.getElementsByTagName('head')[0].appendChild(js);

// when fb has loaded, initialize and add some listeners
window.fbAsyncInit = function() {
    FB.init({appId: null, status: true, cookie:true, xfbml:true, trace:true});
    FB.Event.subscribe('edge.create', function(h, widget) {
        // h = liked link
            // do something eg show message or save state via js cookie or ajax php call
    });
    FB.Event.subscribe('edge.remove', function(h, widget) {
        // h = unliked link
            // do something ag hide message or save state via js cookie or ajax php call
    });
};

---

这实际上是对facebook javascript API加载脚本的修改。

您需要创建一个事件侦听器。当有人点击它时，它基本上会“监视”类似的按钮和“告密者”

将此添加到文档头部的某个位置

 <div id="fb-root"></div>
 <script src="http://connect.facebook.net/en_US/all.js"></script>
<script type="text/javascript">
$(document).ready(function() {
    FB.init({ apiKey: 'xxxxxxxxxxxxx' });

 });
</script>

当有人添加评论时，您可以进一步告密：

 FB.Event.subscribe('comment.create', function(href, widget) {
alert('You just commented on stUrbs URL '+href);


 });

---

当然，您会想做一些比警报更优雅的事情

好的，但是我可以在哪里指示应该从哪个页面获得类似的状态？嗯。。我不太明白你在找什么。document.location是用户浏览器所在的位置，您可以将其与if语句中所需的内容进行比较，或者您可以在我发布的代码中看到，

h

变量包含href，类似的“target”。您误解了我。请看一下我编辑的OPoh。。对不起，我认为那是不可能的。仅当他们在您的网站上使用类似按钮时：/

 FB.Event.subscribe('comment.create', function(href, widget) {
alert('You just commented on stUrbs URL '+href);


 });