静态网站上的 twitter 分享按钮 bit.ly 集成答案

【问题标题】：twitter sharing button bit.ly integration on a static website静态网站上的 twitter 分享按钮 bit.ly 集成
【发布时间】：2015-06-26 05:31:57
【问题描述】：

我正在尝试在我的网站上用 JS 集成 bit.ly 以缩短我的网址。我所有的网址都太长了，使用 bit.ly restful api 在 HTML/javascript 中的静态网站上共享按钮的最直接方式是什么。

我想要得到的结果是当我的用户在我的网站上点击分享时，url 会自动缩短 bit.ly

这是我目前用来在 twitter 上动态分享我的页面的代码：

<script type="text/javascript" charset="utf-8" src="http://bit.ly/javascript-api.js?version=latest&login=LOGINID&apiKey=APIKEY"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.js"></script>

<script>

function tweetCurrentPage()
      { window.open("https://twitter.com/share?url=" + escape(window.location.href) + "&text=" + document.title, '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=300,width=600'); return false; }

var TweetThisLink = {

    shorten : function(e) {

        e.preventDefault();

        var url = this.href.substr(this.href.indexOf('http:',5))
        BitlyClient.shorten(url, 'TweetThisLink.response');
    },

    response : function(data) {
        var bitly_link = null;
        for (var r in data.results) {
            bitly_link = data.results[r]['shortUrl']; 
            break;
        }
        var tweet_text = "I am reading documentation of"
        document.location = "http://twitter.com/share?url=" + encodeURIComponent(tweet_text + ' ' + bitly_link);
    }
}


jQuery('.tweetlink').bind('click', TweetThisLink.shorten);
</script>

<a href="javascript:tweetCurrentPage()" class="tweetlink">tweet this link</a>

【问题讨论】：

标签： javascript html url-shortener bit.ly

【解决方案1】：

不确定这是否是为了问题而故意混淆的，但是在您的脚本标签中，src 是： “http://bit.ly/javascript-api.js?version=latest&login=LOGINID&apiKey=APIKEY”。

LOGINID & apiKey 是占位符。您需要将它们替换为您应该从 bitly 收到的相应密钥。

如果这是出于问题的目的，请忽略此答案。

【讨论】：

【解决方案2】：

不知道为什么，但是我的动态 url 函数“tweetCurrentPage()”不起作用，它给了我来自 bit.ly 的响应 INVALID_URI，但是如果我硬编码像这样的 twitter.com/share 的 href 值？ url=+exemple.com"；它正在工作...

【讨论】：