javascript - 是否可以添加一个链接来下载只能通过在 Facebook 上共享来下载的文件？

Question

这种情况可能吗？

客户访问我的网站，想要下载他们感兴趣的 PDF 技术文档，他们单击“下载”按钮，然后会出现一个 Facebook 共享窗口，让他们登录以将其共享到 Facebook。一旦他们点击“分享”并将其张贴在他们的墙上，那么下载就开始了吗？

非常感谢。

伊恩

Answer 1

更新

根据 Facebook 的新政策，这种行为是不允许的。需要您自担风险使用它。我对使用它不承担任何责任。

是的，使用 JavaScript SDK , 它提供了一个 response (现在没有了)我们将创建一个 if 语句来查看响应是否有 post_id 如果是则显示下载链接否则做其他事情(提醒用户，也许？)

DEMO (API 2.0) (not working; revision required)

DEMO (API 2.7) working Rev#63

HTML

<div class="container">
    
    <div>
       <p>This file is locked, to unlock and download it, share it</p>
       <p class="hidden">Thanks for sharing, the file is unlocked and ready for download</p>
       <p class="hidden">In order to download this file, you need to share it</p>
    </div>

    <a class="fsl fsl-facebook" href="#" id="facebook-share">
       <span class="fa-facebook fa-icons fa-lg"></span>
       <span class="sc-label">Share on Facebook</span>
    </a>

    <a class="fsl content-download" href="#" id="download-file">
       <span class="fa-download fa-icons fa-lg"></span>
       <span class="sc-label">Download File</span>
    </a>
    
</div>

JavaScript (jQuery)

$('#ShareToDownload').on('click', function(e) {
            e.preventDefault();
            FB.ui({
                  display: 'popup',
                  method:  'share',
                  href:    location.href,
                  },
                  /** our callback **/
                  function(response) {
                          if (response && response.post_id) {
                          /** the user shared the content on their Facebook, go ahead and continue to download **/
                          $('#ShareToDownload').fadeOut(function(){ $('#downloadSection').fadeIn() });    
                          } else {
                          /** the cancelled the share process, do something, for example **/
                          alert('Please share this page to download this file'):
                  }
            });     
}); 

更新

随着 API 版本 2.0 的发布，Feed 对话框已被弃用，取而代之的是新的现代 Share Dialog所以上面的代码使用了新的Share Dialog