リンクのonclick属性にコードを追加

Question

リストの各リンクのonclick属性内にJavaScriptコードを追加したいと思います。このコードは、Googleアナリティクスのイベントトラッキングに使用されます。

これはリストである：

<ol> 
    <li> 
     <a href="">Alberto Guardiani</a> 
    </li> 
    <li> 
     <a href="">Antica Bottega</a> 
    </li> 
    <li> 
     <a href="">Ash</a> 
    </li> 
    <li> 
     <a href="">Ballin</a> 
    </li> 
</ol> 

そして、これはjQueryのonclickのコードを追加した後、それがどうあるべきかです：

<ol> 
    <li> 
     <a href="" onclick="_gaq.push(['_setCustomVar', 2, 'Designer', 'text1', 3]);">text1</a> 
    </li> 
    <li> 
     <a href="" onclick="_gaq.push(['_setCustomVar', 2, 'Designer', 'text2', 3]);">text2</a> 
    </li> 
    <li> 
     <a href="" onclick="_gaq.push(['_setCustomVar', 2, 'Designer', 'text3', 3]);">text3</a> 
    </li> 
    <li> 
     <a href="" onclick="_gaq.push(['_setCustomVar', 2, 'Designer', 'text4', 3]);">text4</a> 
    </li> 
</ol> 

それはjQueryのappendでも可能です場合、私は見当がつかないこの問題で何をすべきか何らかの解決策を提案できますか？

Answer 1

$("ol li a").click(function() { 
    _gaq.push(['_setCustomVar', 2, 'Designer', $(this).html(), 3]); 
}); 

編集：

それはあなたがCに忘れてしまっている可能性が動作しない場合ドキュメントが完全にロードされている場合はどうでもいい。

この場合、コードをラップする必要があります。 jQueryのを使用して

jQuery(document).ready(function($) { 
    /* jQuery code */ 
}); 

Answer 2

あなたの質問を理解する限り、これはclickハンドラを使用して行うことができます。

Htmlの

<li> 
    <a class="someClassName" href="">Alberto Guardiani</a> 
</li> 

jQueryの

$(".someClassName").click(function() { 
    _gaq.push(['_setCustomVar', 2, 'Designer', 'text1', 3]); 
}); 

Answer 3

：

$('ol li a').click(function() { 
    _gaq.push(); // your code here 
});