在 Facebook 上从与 App 不同的域共享 URL答案

【问题标题】：Share URL on Facebook from different domain than App在 Facebook 上从与 App 不同的域共享 URL
【发布时间】：2015-09-03 15:50:13
【问题描述】：

我正在尝试允许我客户的网站在 Facebook 上共享一个与网站不同的 URL。例如：http://www.example.com 上有一个http://www.instagram.com 的分享链接

每当我尝试时，我都会收到以下错误：

应用程序配置不允许给定 URL：一个或应用程序的设置不允许更多给定的 URL。它必须匹配网站 URL 或画布 URL，或者域必须是子域应用程序的域之一。

我不知道如何更改我的应用程序设置以允许共享不同的 URL，尽管我猜这一定是可能的。

这是我的代码的 sn-p，看看是否有帮助：

        // Facebook Share
        $('#facebook-share').on('click', function(e){
            e.preventDefault();

            var url = $(this).attr('data-href');

            FB.ui({
                method: 'share',
                href: url
            }, function(response){
                if (response) {
                    console.log('Facebook post published.');
                } else {
                    console.log('Facebook post was not published.');
                }
            });
        });

【问题讨论】：

标签： facebook facebook-javascript-sdk facebook-sharer

【解决方案1】：

进一步的研究似乎表明，无论如何，Facebook 应用程序只能与一个 URL 一起使用。我改为使用sharer.php：

        // Facebook Share
        $('.facebook-share').on('click', function(e){
            e.preventDefault();

            var url = encodeURIComponent($(this).attr('data-href'));
            var shareURL = "https://www.facebook.com/sharer/sharer.php?app_id=XXXXXXXX&sdk=joey&u="+url+"%2F&display=popup&ref=plugin&src=share_button";

            var width = 655;
            var height = 250;

            var left = (screen.width/2)-(width/2);
            var top = (screen.height/2)-(height/2);

            window.open(shareURL, 'facebookShare', 'scrollbars=1,resizable=1,width='+width+',height='+height+',left='+left+',top='+top);

        });

【讨论】：