在社交媒体上从我的网站共享网页时，如何缩短URL？

Question

在社交媒体上从我的网站共享网页时，如何缩短URL？ 我希望可以使用javascript和api来完成，我已经检查了一下api，但是不知道如何入门。 谢谢。

Answer 1

我为您提供2个有用的资源：

此网址适用于Google网址缩短程序： 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-easiest-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%;">