Facebook 点赞后刷新窗口

Question

我在公司页面内创建了一个应用程序，以添加更多带有“喜欢门”的选项卡/页面，以确保用户在继续之前喜欢我们的页面。如果用户喜欢我们的页面“index2.php”被包含，则喜欢门位于“index.php”的位置，如果他们不喜欢我们，则包含“index1.php”。这一切都正常运行。

我的问题是我想在“index1.php”（如果他们不喜欢我们）页面中包含一个“喜欢”按钮。我添加了一个允许用户喜欢我们的按钮，但在单击此按钮后需要刷新，以便可以在喜欢门再次评估用户并相应地重定向。

下面的代码允许用户喜欢，但不会像我希望的那样重定向。我已经查看了 Facebook 开发人员页面上的示例，但我是 Facebook 应用程序开发新手，无法找出我的错误。任何帮助将不胜感激，希望这是足够的信息，但如果您需要更多信息，请回复。感谢您提供的任何帮助。

    <div id="fb-root"></div>
<script>(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/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
  FB.Event.subscribe('edge.create',
    function() {
        top.window.location = 'http://www.facebook.com/pages/TAG_Communications/122751567742494?sk=app_243094502403141';
        }
    );
}(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-like" data-href="http://www.facebook.com/pages/TAG_Communications/122751567742494" data-send="false" data-layout="button_count" data-width="450" data-show-faces="false"></div>

Answer 1

哇，我正在尝试做完全相同的事情，并且在您发布这个问题的同时正在搜索这个！这方面的内容不多。

我遇到了 http://www.techjam.gr /2011/web-design/execute-javascript-facebook-button-clicked/ 非常清楚地解释了单击按钮后如何运行回调脚本。我发现您已经在大部分情况下这样做了，但也许有一些部分是您遗漏或未指定的。

另外，我在尝试重定向父框架时遇到了很多麻烦，因为它会触发跨域 javascript 访问安全错误。不确定这是否是您问题的一部分。对于我自己的情况，我计划在点击时将我的 iframe 页面从 no-fan.php 之类的内容重定向到 fan.php - 如果他们是我的 fangate 代码，我不需要重新评估他们是否是粉丝单击“喜欢”按钮。

希望对您有所帮助。

更新：

在上面链接的帮助下它可以正常工作！
这就是我所做的（代码如下）：
请务必使用正常的 FB.init 代码。
在按钮上方添加带有重定向代码的回调脚本。
添加 xfbml 版本的点赞按钮。
就是这样！

请注意，我实际上确实使用了 top.window.location 并将其发送到我的 fangate 评估代码。原因是，如果您只是重定向框架，它会使页面的其余部分保持原样，并且标题附近仍然有类似 facebook 的按钮。刷新整个页面可以使所有内容看起来都按其应有的方式显示，并避免混乱。

代码：

            <div id="fb-root"></div>
            <script src="http://connect.facebook.net/en_US/all.js"></script>
            <script>
                FB.init({
                    appId :'your id here',
                    status : true, // check login status
                    cookie : true, // enable cookies to allow the server to access the session
                    xfbml : true, // parse XFBML
                    channelUrl : 'full path to file', // channel.html file
                    oauth : true // enable OAuth 2.0
                });
            </script>


        <script>
            FB.Event.subscribe('edge.create', function(href, widget) {
                top.window.location = 'your tab url';
            });
        </script>

        <div id="fb-root"></div>
        <script>(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/all.js#xfbml=1";
            fjs.parentNode.insertBefore(js, fjs);
        }(document, 'script', 'facebook-jssdk'));</script>

        <div class="fb-like"><fb:like href="your page you want to like" send="false" layout="button_count" width="200" show_faces="false"></fb:like></div>