将Facebook“赞”按钮与回调集成 - 不显示在活动中

时间:2013-02-18 21:23:44

标签: javascript facebook

我正在尝试整合Facebook的“赞”按钮,其中“赞”动作与回调功能集成在一起。它似乎有效,除了“喜欢”活动没有出现在Facebook上。

我正在使用自己的Facebook帐户对此进行测试,但在Feed,个人资料页或活动日志中看不到该活动。

这是我的网址: http://flevy.com/powerpoint-plugin-test

这是我的代码:



    <script src=\"http://connect.facebook.net/en_US/all.js\" type=\"text/javascript\"></script>
    <script>
      window.fbAsyncInit = function() {
        // init the FB JS SDK
        FB.init({
          appId      : 'xxxxxx', // App ID from the App Dashboard
          status     : true, // check the login status upon init?
          cookie     : true, // set sessions cookies to allow your server to access the session?
          xfbml      : true  // parse XFBML tags on this page?
        });
        FB.Canvas.setAutoResize();
      };
    </script>


    <div class=\"fb-like\" data-href=\"$share_url\" data-send=\"false\" data-layout=\"box_count\" data-width=\"50\" data-show-faces=\"false\"></div>


    // facebook callback
    FB.Event.subscribe('edge.create', function(href, widget) {
        deliverEmail();
    });

3 个答案:

答案 0 :(得分:5)

我首先要修复Open Graph调试器上的错误:

https://developers.facebook.com/tools/debug/og/object?q=http%3A%2F%2Fflevy.com%2Fpowerpoint-plugin-test

必须修复的错误

Object Invalid Value
Object at URL 'http://flevy.com/powerpoint-plugin-test' of type 'website' is invalid because the given value '//flevy.com/images/slides.gif' for property 'og:image:url' could not be parsed as type 'url'.

答案 1 :(得分:2)

你的javascript正在抛出错误说:

  

未捕获的TypeError:对象#没有方法'setAutoResize'

AFAIK,现在不推荐使用setAutoResize函数。请参阅https://developers.facebook.com/roadmap/completed-changes/#september-2012

而且,据我所知,当你在Facebook Canvas中加载它时,任何方式,甚至function that replaced this都应该被使用。

所以,请检查你在这做什么! :)

答案 2 :(得分:0)

此页面存在大量HTML语法不一致/验证问题。您可以在HTML中为单引号,双引号和引号切换属性值。代码也缺少一些终止标记。这可能会导致一些不稳定的行为。您的JavaScript在同一个脚本块中使用单个然后双倍的问题具有相同的问题...虽然这看起来有效。

您可以在此处运行验证:

http://validator.w3.org/check?uri=http%3A%2F%2Fflevy.com%2Fpowerpoint-plugin-test&charset=%28detect+automatically%29&doctype=Inline&group=0

@DrBeza正在讨论的Open Graph验证也应该得到解决。不确定为什么框架不喜欢非协议特定的URL,只需将http://或https://添加到该图像。

清理后,这应该更容易排除故障,或者问题可能是需要清理的结果。