Facebook喜欢按钮和打开图表

时间:2012-02-22 13:40:20

标签: javascript facebook facebook-graph-api facebook-like

我之前曾询问过如何在用户页面上制作类似自定义的消息,并被指示使用开放图表。我已经尝试过这个教程,似乎无法使用我喜欢的按钮,任何人都可以提供帮助或提供一些建议吗?

我使用了调试工具并且没有出现任何错误,我对下一步应该做些什么感到困惑。我的应用程序使用固定的PHP标头,并使用AJAX动态更改正文内容。我想要做的是让用户“喜欢”优惠券,并在我们的网站上显示我的自定义消息,例如“某人使用了来自www.somesite.com的优惠券”

以下是我的想法;

<html xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="http://www.facebook.com/2008/fbml">
<head prefix="og: http://ogp.me/ns# <?php echo APP_NAME;?> fb: http://ogp.me/ns/fb/<?php echo APP_NAME;?># test: http://ogp.me/ns/fb/test#">
  <meta property="fb:app_id"      content="xxxxxxxxxxxxxxx" /> 
  <meta property="og:type"        content="<?php echo APP_NAME;?>:coupon" /> 
  <meta property="og:url"         content="http://somesite.com/" /> 
  <meta property="og:title"       content="Sample Coupon" /> 
  <meta property="og:description" content="Some Arbitrary String" /> 
  <meta property="og:image"       content="http://ogp.me/logo.png" />

这是我喜欢的脚本,目前有效,但是对于页面而不是优惠券。

<!-- Code for FB like button -->
<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_GB/all.js#xfbml=1&appId=xxxxxxxxxxxxxxx";
        fjs.parentNode.insertBefore(js, fjs);
    }(document, 'script', 'facebook-jssdk'));
</script>

<div class="fb-like" data-href="http://apps.facebook.com/test/" data-send="false" data-width="450" data-show-faces="false"></div>

1 个答案:

答案 0 :(得分:1)

使用开放图表标签只允许您发布以下故事: 用户XYZ喜欢网站上的ABC

如果您想指定自己的操作(例如使用)和对象('优惠券'),您还需要创建一个允许您执行此操作的应用程序。

您可以在此处找到有关如何执行此操作的分步教程: https://developers.facebook.com/docs/opengraph/tutorial/