javascript - 在社交媒体上分享我网站上的网页时如何缩短网址？

Question

在社交媒体上分享我网站上的网页时如何缩短网址？我希望它可以用 javascript 和 apis 来完成，我检查了 bitly api，但不知道如何开始。谢谢。

Answer 1

我有 2 个有用的资源给你：

这个用于谷歌网址缩短器：http ://www.i-visionblog.com/2014/07/google-url-shortener-api-javascript.html

而这个bit.ly：https://bdhacker.wordpress.com/2010/03/30/dynamically-use-bitly-in-your-site-easyest-way/

首先，您需要一个http://bit.ly上的帐户。要创建一个，请访问该站点并注册。

注册后，登录并转到您的帐户页面。在那里，您将找到您的 API 密钥。

把它放在你的 HTML HEAD 中：

<script type="text/javascript" charset="utf-8" src="http://bit . ly/javascript-api.js?version=latest&login=******&apiKey=*****************"></script>

（删除 bit.ly url 中的空格。stackoverflow 不允许使用该 url 发布答案）

---

把这个放在前面</body>：

<script>
    // Bit.ly API
    BitlyCB.shortenResponse = function(data) {
            var sss = '';
            var first_result;
            // Results are keyed by longUrl, so we need to grab the first one.
            for     (var r in data.results) {
                    first_result = data.results[r]; break;
            }
            sss = first_result["shortUrl"].toString();
            document.getElementById("qlink").value = sss;
    }
    BitlyClient.shorten(window.location, 'BitlyCB.shortenResponse');
</script>

---

而这个，在你页面的某个地方：

<h3>Link to this page</h3><br>
Use this link to tell others about this page! <input onclick = "this.select()" type = 'text' id = "qlink" style = "width:100%;">