单击Facebook Like按钮后显示内容

时间:2010-12-11 01:52:54

标签: facebook-like

我有一个网页的部分,我只希望人们在点击Facebook赞按钮后能够访问。

如何隐藏该特定区域,然后仅在有人点击“赞”按钮后显示该区域。

至于Facebook Like代码,它看起来像这样:

<script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like href="www.oursite.com" show_faces="false" width="330" font="verdana"></fb:like>

<div id="hidden-area">Hidden Content</div>

3 个答案:

答案 0 :(得分:17)

使用'edge.create':

http://developers.facebook.com/docs/reference/javascript/FB.Event.subscribe

非常简单......甚至可以将它与jQuery结合使用。

<script>
    window.fbAsyncInit = function() {
        FB.init({
            appId   : '<?php echo $facebook->getAppId(); ?>',
            session : <?php echo json_encode($session); ?>, // don't refetch the session when PHP already has it
            status  : true, // check login status
            cookie  : true, // enable cookies to allow the server to access the session
            xfbml   : true // parse XFBML
        });

        // whenever the user logs in, we refresh the page
        FB.Event.subscribe('auth.login', function() {
            window.location.reload();
        });

        FB.Event.subscribe('edge.create', function(response) {
            $.get('URLlink?uid=' + <?php echo $uid; ?>, function(data) {
                $('#id').html(data);
            });
        });
    };

    (function() {
        var e = document.createElement('script');
        e.src = document.location.protocol + '//connect.facebook.net/en_US/all.js';
        e.async = true;
        document.getElementById('fb-root').appendChild(e);
    }());
</script>

答案 1 :(得分:0)

我不太确定这是否有效。 记住f8类似按钮facebook的介绍不要让网站所有者看到谁喜欢他们的页面。

类似按钮从Facebook托管的java脚本文件呈现客户端。 我不是一个超级java脚本专家,但我不知道从外部java脚本文件中获取变量的方法。

我唯一的想法就是当用户公开他的喜欢时。您可能可以阅读cookie,然后在他的公共Facebook页面上查找他的喜欢。 当facebook动态加载大部分内容时,您可以在内部对公共页面上使用的java脚本函数进行逆向工程,即使它们不是官方API的一部分

答案 2 :(得分:0)

另一种方式是插件Like 2 Unlock for jQuery

它允许锁定折扣,视频,下载链接,图像,奖励内容,表单等。它可以帮助您增加喜欢的数量,从社交网络获得额外的流量和更多的客户。