2016-11-04 4 views
0

私のウェブサイトからソーシャルメディアでウェブページを共有するときにURLを短縮するにはどうすればいいですか? 私はそれがjavascriptとapisでできることを願っています。私はちょっとapiをチェックしましたが、始める方法はわかりません。おかげさまで ソーシャルメディアで自分のウェブサイトからウェブページを共有するときにURLを短縮するにはどうすればいいですか?

+0

https://developers.google.com/url-shortener/v1/getting_started – marcinrek

答えて

1

私はあなたのために2つの便利なリソースがあります:http://www.i-visionblog.com/2014/07/google-url-shortener-api-javascript.html

そして、bit.lyのために、この1:GoogleのURL短縮のためにこの1

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%;"> 
関連する問題