如何编辑facebook graph api的“页面插件”代码

Question

我是 facebook graph api 的初学者。我有一个 facebook 页面，https://www.facebook.com/ILMISM。在我的网站上我想放置按钮，这样每当人们点击该按钮时他们就可以喜欢我的页面。我用谷歌搜索并在 youtube 上观看了很多视频，但没有正确理解。最后我复制并粘贴了 facebook 提供的一些代码到我的源文件中。该代码是

<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 = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.3";
        fjs.parentNode.insertBefore(js, fjs);
        }(document, 'script', 'facebook-jssdk'));
</script>
<div class="fb-page" data-href="https://www.facebook.com/ILMISM" data-hide-cover="true" data-show-facepile="false" data-show-posts="false"></div>

我得到的输出如下图所示。

但是我不希望这样的输出。所以我想将此代码编辑为，

<div class="fb-page" data-href="https://www.facebook.com/ILMISM" data-hide-cover="true" data-show-facepile="false" data-show-posts="false"><img src="like us on facebook.png"  /></div>

然后显示输出如下

现在，只要用户单击此按钮，他们就可以喜欢我的页面。我无法找到如何实现此目标的答案？

Answer 1

就像 CBroe 的评论 指出的那样，您无法创建一些按钮来让用户立即喜欢您的页面。您必须使用页面插件。

但是，还有另一种解决方案，该解决方案仅适用于实现服务器端 OAuth 2 登录流程的 Web 应用程序：用户登录到您的 Web 应用程序后，您的服务器可以代表用户发布

og.likes

OpenGraph 操作。您可以在应用程序中的任何位置实现此功能，并使其看起来像您想要的任何方式，但您应该知道 Facebook 强制执行其平台政策和品牌政策。

有关更多信息，请参阅

og.likes

文档，尤其是关于此的

branding guidelines

。请注意，在应用程序中使用任何 OpenGraph 操作都需要您将其提交以供审核，如此处

所述