【问题标题】:How to customize shared information with Facebook Share methods如何使用 Facebook Share 方法自定义共享信息
【发布时间】:2014-10-14 14:49:13
【问题描述】:

我正在尝试通过 facebook 的分享对话框分享一些内容。 我的目标是分享客户购买的产品。我喜欢分享自定义文本、产品图片和产品链接。

应该是这样的:

我知道 Facebook 会抓取我传递的 URL 并根据页面获取信息,但我真的希望至少可以将文本传递到共享对话框。

所以问题是如何自定义共享的信息。

我尝试了不同的解决方案,例如使用 sharer.php 链接和使用 FB SDK 以及使用 FB.ui 的 share_button。

Sharer.php

<div class="fb-share-button" 
    data-href="http://www.facebook.com/sharer.php?s=100
    &p[url]=http://bit.ly/myelection&p[images][0]=http://election.gv.my/assets/vote.png
    &p[title]=My customized title
    &p[summary]=My customized summary"a-width="100">
</div>

与 JDK 的共享按钮

<div class="fb-share-button" data-href="http://www.gartenxxl.de/p-1473049000">
</div>

我没有尝试使用 Javascript SDK 和 FB.Ui 方法来创建共享对话框,因为我还不想注册为 Facebook-Developer 并为 FB-Api-Key 创建应用程序,但是也许那是唯一的方法。 然后我会这样尝试:

JS

$('#'#'#share_button').click(
    function(e){e.preventDefault();
         FB.ui(
         {
            method: 'feed',
            name: 'This is the content of the "name" field.',
            link: 'http://www.groupstudy.in/articlePost.php?id=A_111213073144',
            picture: 'http://www.groupstudy.in/img/logo3.jpeg',
            caption: 'Top 3 reasons why you should care about your finance',
            description: 'This is a Description',
            message: ''
        });
    });
});

【问题讨论】:

    标签: facebook facebook-javascript-sdk facebook-social-plugins facebook-sharer


    【解决方案1】:

    不幸的是,动态内容已经不可能了:

    • 提要对话框已弃用,不应再使用。 Facebook可能迟早会删除它,所以我不会数 就可以了。
    • 即使可以添加带有参数的自定义消息,也不允许这样做。根据platform policy,消息必须100%由用户生成,不允许预填充。
    • 所有现有(且未弃用)的可能性仅将 URL 作为参数,并从该 URL 的 Open Graph 标记中读取标题/描述/图像。

    对于购买的产品,您可以做的最好的事情是使用 sharer.php、Share Social PluginFB.ui share dialog。如果你想要自定义分享按钮设计,你当然需要使用 sharer.php 或 FB.ui 分享。

    顺便说一句,此链接可能对 Open Graph 标签有帮助:http://ogp.me/

    【讨论】:

    • 这真的很不幸。所以我所能做的就是在没有任何预定义文本的情况下分享产品。感谢您的信息。
    • 是的,但是您可以使用产品页面的 Open Graph Tags(标题/图像/描述)。将它们添加到 html 代码中会容易得多。
    • 我已经为我的答案添加了一个非常有用的开放图形标签链接,请查看。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2012-03-24
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2014-04-09
    • 1970-01-01
    相关资源
    最近更新 更多