ウェブページのすべてのリンクを短いURLに変換するには？

Question

私はこれをWebページのタグにリンクされたシンプルなJavascriptファイルで行うことができると思うが、ショートURLのためにウェブページ内のすべてのURLを変更したい（任意のサービスの、私は正しい？私はこれを行うためにサービスを利用できますか？ありがとう！

P.S.そのアイデアは、WebページにURLを書き込んだりURLが表示されたり（ページがそれ自体で書き込まれているため）、一部のスクリプトやサービスはそれらをすべて短いリンクに変更するので、実際のリンクはウェブページに表示されません。可能であれば、実際のリンクをユーザーに見せないようにしたいと思います。つまり、URLを縮小してユーザーがそれに従うと、実際のURLがユーザーのアドレスバーに表示されないようなサービスを使用できれば、これはオプションです...

私はあなたの答えを待っています、ありがとう！ :)

編集 - 私はanonym.toのようなものを使用したいのですが、shorkリンクサービスで、見て：

をあなたはjavascriptのコードanonym.toを使用する場合：

<script src="http://js.anonym.to/anonym/anonymize.js" type="text/javascript"></script> 

<script type="text/javascript"><!-- 
protected_links = ""; 

auto_anonymize(); 
//--></script> 

ことでしょう匿名のウェブページのすべてのリンクを変更するリンクに、私はしたい同じことだが、いくつかの既知のURL短縮サービスを使用して、あなたはどのように教えてくれますか？ありがとう！

Answer 1

これはプログラム的に行うのか、手作業で行うのか（あなたによって作成され、ページにロードされるのか）によって異なります。 goo.gl goo.glのgoogle APIを使用することです。あなたはjqueryを介してすべてのリンクをつかんでから反復し、次にgoogle APIを使って短いURLにスワップすることができます。ページにネイティブであったものは、ソースには表示されますが、マウスを動かすかクリックしても表示されません。 AJAX呼び出しでコンテンツをロードする場合は、リンクを編集してからページに書き込むことができます。

Answer 2

リンクを非表示にする方法を変更するだけで解決しますか？これは、リンクを非表示にする（ホストと訪問者の視点の両方から）非常に望ましくないと思われるが、これはあなたが好きな（そして唯一のJSをサポートするブラウザでサポートされるだろう）何を行うことができます：

例を作業

var links = document.getElementsByTagName('a'); 
for (var l = 0; l < links.length; l++){ 
    links[l].rel = links[l].href; 
    links[l].href = '#'; 

    if (links[l].addEventListener) { 
     links[l].addEventListener("click",myClick,false); 

    } else if (links[l].attachEvent) { 
     links[l].attachEvent("onclick",myClick); 
    } else { 
     links[l].onclick = myClick; 
    } 
} 
function myClick(e){ 
    window.location = this.rel; 
    return false; 
} 

： http://www.jsfiddle.net/bsU8n/