时间戳

首页 > 解决方案 > 我可以为 facebook 制作一个分享按钮并将其与特定的 div 链接以分享吗？

javascript - 我可以为 facebook 制作一个分享按钮并将其与特定的 div 链接以分享吗？

问题描述

我在 WordPress 上有一个网站，我确实创建了信息框，并希望在每个框下方提供一个共享按钮，并将其与框链接以仅共享框的内容而不是整个页面。每个 div 都定义了自己的 ID，但是每个 div 都没有预定义的链接。

无论如何，我可以创建一个共享按钮并使用 ID 将这个信息框与它链接起来共享？我想让这些盒子可以共享。

在此处输入图像描述

标签： javascripthtmlcsswordpresselementor

解决方案

在 facebook 文档中创建一个共享链接按钮它说

选择您要分享的网站或 Facebook 页面的 URL。

https://developers.facebook.com/docs/plugins/share-button/?locale=en_US

所以如果你想分享一些东西，你必须有一个分享链接。

您可以创建有关您的信息框的特定页面并共享您的网站/信息框的链接。

如果您设法创建链接，则共享按钮的代码将如下所示

<iframe src="https://www.facebook.com/plugins/share_button.php?href=https%3A%2F%2Fdevelopers.facebook.com%2Fdocs%2Fplugins%2F&layout=button_count&size=small&width=96&height=20&appId" width="96" height="20" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowfullscreen="true" allow="autoplay; clipboard-write; encrypted-media; picture-in-picture; web-share"></iframe>

或者

<div id="fb-root"></div>
<script async defer crossorigin="anonymous" src="https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v10.0" nonce="qXOmpYBu"></script>

<div class="fb-share-button" data-href="https://developers.facebook.com/docs/plugins/" data-layout="button_count" data-size="small">
    <a target="_blank" href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fdevelopers.facebook.com%2Fdocs%2Fplugins%2F&amp;src=sdkpreparse" class="fb-xfbml-parse-ignore">Share</a>
</div>

推荐阅读