2012-02-15 9 views
1

外部ページにリダイレクトする前にhrefが自分のサーバーからGETを実行してビューメトリックを記録するリンクを作成したいとします。リンク先リンクとして表示されるクリックスルーリンクを作成する

クリックスルーAリンクを作成すると、リンク上をホバーすると外部宛先URLが表示されますが、最初のページをクリックすると、実際の外部ページにリダイレクトされるメトリックページに移動します。

私はこのようなことを考えました。タイトルはホバー上にあり、ステータスバーには表示されません。

<a href="/metric/id" title="http://www.example.org">http://www.example.org/</a> 

Google検索結果のようなサイトはこれを行います。

私はこれを探しました。この質問のように、私はこれが何と呼ばれているのかも分かりません。

おかげ

(再タグ付けすること自由に感じなさい)

+0

すでにいくつかのサイトにサンプルがありますか? –

+0

はい、Google検索の最初の検索結果にカーソルを置きます。リンクはそれが外部サイトに行くことを示していますが、実際に起こるのは、リダイレクトする前に別のGoogleページに最初に当たったonclickです。 –

答えて

2

私はこれを行う方法に慣れていないんだけど、あなたはあなたのリンクにonClickイベントを添付し、それがその火災関数を呼び出すかもしれませんメジャーURLへのAJAXリクエストをオフにして、リンクをたどる前に記録することができます。

あなたのリンクは

function record(id) { 
    jQuery.get('http://..../metric/' + id') 
} 
+0

jquery.getをうまく使う。 –

2

たぶん、あなたはのクリックイベントにJavaScript関数を呼び出すことができます(これは、より高速/その素晴らしい作るためにここにjQueryを使って)JavaScriptで

<a href="[REAL URL]" title="http://www.example.org" onclick="record(id)">http://www.example.org/</a> 

そしてなりますこのリンクはサーバーへのAjax呼び出しを行い、アンカータグの 'title'属性に外部サイトの名前を入れます:

<a href="#" title="abcd.com" onclick="Redirect()">Click Here</a> 
function Redirect(){ 
    $.ajax 
{ 
//code 
} 
} 
関連する問題