FB.ui 未定义

Question

使用 BugSnag，我可以看到我们网站上的一些用户遇到了这个错误：

FB.ui is not a function

当我访问网站并进入出现此错误的页面时，我没有遇到任何问题。

这是我们要分享到 fb 的脚本：

<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 = 'https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.12&appId=1365705806909063&autoLogAppEvents=1';
        fjs.parentNode.insertBefore(js, fjs);
    }(document, 'script', 'facebook-jssdk'));
</script>

<div class="x-custom-col" id="share-fb-btn">
    <a class="x-fb x-btn" data-social-type="fb-share" data-eventlabel="inlineshare">
        <i class="ico-facebook"></i>
        <span>Share to Facebook!</span>
    </a>
</div>

<script>
    document.getElementById('share-fb-btn').onclick = function() {
        FB.ui({
            method: 'share_open_graph',
            action_type: 'og.shares',
            action_properties: JSON.stringify({
                object: {
                    'og:url':"http://www.example.com/",
                    'og:title': "Here is some info to share!".",
                    'og:description': "Decribe it!",
                    'og:image': "https://www.example.com/image"
                }
            })
        },
        function (response) {
            // Action after response
        });
    }
</script>

这似乎只发生在我们的移动布局上。有什么建议吗？

Answer 1

如果有人使用工具来阻止社交媒体和分析的外部脚本，就会发生这种情况。它阻止加载脚本，因此 FB 不会被初始化并且 FB.ui 将不存在。

您可以通过检查FB是否存在来解决这个问题，或者在JavaScript SDK的window.fbAsyncInit回调中添加点击监听器。

FB.ui 未定义

FB.ui is not Defined

javascript

mobile

share

facebook

fb.ui