【问题标题】:Facebook share button: how to implementFacebook分享按钮:如何实现
【发布时间】:2012-10-24 19:22:38
【问题描述】:

我正试图弄清楚如何实现共享按钮,就像它是如何实现 here 一样。我希望能够让用户将给定的链接发布到他们的新闻提要,而不需要任何类型的应用程序权限以及他们可以添加到其中的一些可选文本。 BuzzFeed 是如何做到的? Facebook 文档让我非常困惑,这就是为什么我自己很难实现它。如果有人可以安排需要采取的步骤,那就太好了。我究竟需要在我的 HTML 页面中添加什么?我需要创建 Facebook 应用吗?

【问题讨论】:

    标签: html facebook share facebook-apps


    【解决方案1】:

    要分享您的网页,您不需要创建 facebook 应用程序。

    你可以把那张 Facebook 分享的图片放在那里,加上href = "http://www.facebook.com/sharer.php?u=<your url>"

    Facebook 的点赞按钮也允许分享。为您的网站生成该代码的代码位于 official documentation

    【讨论】:

    • 是的,我读到了,但我有点困惑,因为我在寻找共享,而不是像 :) 顺便说一句,这真的是我所需要的吗? JS呢?如果我不需要在我的网页中添加任何 facebook js,fb 弹出窗口是如何出现的?
    • jsfiddle.net/ER4Zy。没有 Javascript 只有 HTML。但是您可以使用like 按钮。这既可以用作点赞按钮,也可以用作分享按钮。
    • 我明白了。有没有办法指定帖子中显示的图片以及链接的文字说明?
    • 如果需要,您可以使用该图像作为链接。但是,如果您使用 Facebook 文档中的新 like 按钮会更好。建议所有新网站都这样做。
    【解决方案2】:

    编辑您要共享的页面,将这些添加到头部的元标记中。

    <meta property="og:image" content="http://www. XXXX url of a jpg image you want to be displayed  on shared content has to be 200x200 pixels (make it in photoshop ect.) XXXX"/>
    <meta property="og:title" content="xxxx A title you want to be dispayed in shared content xxxx"/>
    <meta property="og:url" content="http://www. url of the page you want shared including the slash after .com xxx .com/"/>
    <meta property="og:description" content="xxxx discription of the shared content xxx "/>
    

    这里有一个除这些之外的 og 属性列表-http://ogp.me/

    接下来将其插入页面上您想要分享按钮的位置,

    <a title="xxx Share mypage.com xxx" href="http://www.facebook.com/sharer.php? u=http://www. xxx url of page you edited above xxx .com &t=xxx a title you want to use xxx" target="_blank"><img  src="http://www. xxx an image for the share button (make it in photoshop ect.)xxx" width="xx" height="xx" alt="Share"/></a>
    

    显然取出xxx并留下“”,如果您在测试时更改上述任何内容,您可能必须转到facebook调试器并对其进行调试,因为它有时会保留原始内容。

    希望对你有帮助

    【讨论】:

      【解决方案3】:

      如果您想自定义该共享页面,请尝试以下操作:

      Javascript 弹窗示例:

      var title = 'My Title';
      var summary = 'This is my summary';
      var url = 'http://www.mydomain.com/path/to/page';
      var image = 'http://www.mydomain.com/images/myimage.png';
      
      var fb = window.open('http://www.facebook.com/sharer.php?s=100&p[title]='+encodeURIComponent(title)+'&p[url]='+encodeURIComponent(url)+'&p[summary]='+encodeURIComponent(summary)+'&p[images][0]='+encodeURIComponent(image));
      fb.focus();
      

      【讨论】:

        【解决方案4】:

        这是有效的。

        在 HTML 中:

        <a href="http://www.facebook.com/sharer.php?u=<http://google.com">Facebook Link</a>
        

        您将http://google.com 替换为您的网址。

        在 PHP 中,如果您希望它提取您所在的网址:

        <a href="http://www.facebook.com/sharer.php?u=<<?php echo "http://$_SERVER[HTTP_HOST]$_SERVER[REQUEST_URI]"; ?>">Facebook</a>
        

        【讨论】:

          猜你喜欢
          • 1970-01-01
          • 1970-01-01
          • 2016-10-22
          • 2012-02-12
          • 1970-01-01
          • 1970-01-01
          • 1970-01-01
          • 2014-07-01
          相关资源
          最近更新 更多