Question

我已将Facebook，WhatsApp，Twitter和Messenger共享按钮添加到我的网页。但是所有按钮共享一个特定的链接，我想让这些按钮共享它们当前所在的页面，我尝试了一些建议，这些建议在堆栈溢出时都发现了，但是它们要么不起作用，要么不适合我正在努力实现的目标。任何建议都将非常感谢！

我的代码：

    <script async defer crossorigin="anonymous"src="https://connect.facebook.net/en_GB/sdk.js#xfbml=1&version=v4.0"></script>
    <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

    <div id="fb-root"></div>

    <a data-href="https://example.com" href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fexample.com%2F&amp;src=sdkpreparse" class="fb-xfbml-parse-ignore">
    </a>

    <a href=”fb-messenger://share/?link= https%3A%2F%2Fexample.com&app_id=000000000”>
    </a>


    <a data-href="https://example.com" href="https://twitter.com/share?ref_src=twsrc%5Etfw">
    </a>


    <a href="https://web.whatsapp.com/send?text=example.com" data-action="share/whatsapp/share">
    </a>

Answer 1

只需使用onclick标记并使用location.href方法获取当前链接。

<a onclick="window.open('https://www.facebook.com/sharer/sharer.php?u=' + location.href)">here is your link</a>

如何使用Facebook，Twitter，Whatsapp和Messenger共享按钮共享当前页面？

1 个答案: