时间戳

首页 > 解决方案 > 聚合物网络应用程序中的 Facebook“向我们发送消息”按钮

polymer - 聚合物网络应用程序中的 Facebook“向我们发送消息”按钮

问题描述

我想在 Polymer 3 上制作的 Web 应用程序中添加“向我们发送消息”按钮。在 Facebook 网站上，我发现必须在 html 正文中添加 Facebook SDK 脚本的信息：

<script>
    window.fbAsyncInit = function() {
        FB.init({
        appId            : 'your-app-id',
        autoLogAppEvents : true,
        xfbml            : true,
        version          : 'v3.0'
        });
    };
    (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";
        fjs.parentNode.insertBefore(js, fjs);
    }(document, 'script', 'facebook-jssdk'));
</script>

然后将 div 添加到我要添加按钮的页面中：

<div class="fb-messengermessageus" 
    messenger_app_id="<APP_ID>" 
    page_id="<PAGE_ID>"
    color="<blue | white>"
    size="<standard | large | xlarge>">
</div>

但是在 Polymer 中，当我将此代码添加到页面时，没有任何反应。我应该创建一个特殊的聚合物元素还是我做错了什么？任何建议都会有所帮助谢谢

标签： polymerfacebook-javascript-sdk

解决方案

这与聚合物无关。您当前有一段无效的 HTML。正如您在 中看到的div，它们有几个属性，您需要输入或选择一个值。例如，如果您的app idis123456和您的page idis abcd，那么您希望它是蓝色且大的：

<div class="fb-messengermessageus" 
    messenger_app_id="123456" 
    page_id="abcd"
    color="blue>"
    size="large">
</div>

我可以看到类fb-messengermessageus。他们也提供任何样式 CSS 吗？

推荐阅读