0

私は他の誰かが作成した jQuery コードを使用していますが、jQuery は初めてです (公正な警告)。

jQuery が作成しているリンクに Google イベント タグを追加する必要があります。この jQuery は、アイテムのさまざまなサイズのアイコンと静的ボタンを含むモーダル ポップアップ用です。ユーザーがアイコンにカーソルを合わせると、ボタンのリンクが変更されます。ボタンの変更時に、各アイコンのリンクに Google アナリティクスのタグ付けを追加する必要があります。

特定のアイコンがホバーされたときにボタンのリンクを作成するコードを次に示します。

$('#modal_sizes_4 .size_5').hover(function() {
    if (!$(this).hasClass('selected')) {
        $('#modal_sizes_4 .selected').removeClass('selected');
        $(this).addClass('selected');
        $('#modal_sizes_4 .detail_left h3').text('15 3/4” Item');
        $('#modal_sizes_4 .detail_left p').text('Good for many things.');
        $('#modal_sizes_4 .detail_right img').attr({
            src: 'images/5.4.5-product.jpg'
        });
        $('#modal_sizes_4 .detail_bottom a.shop_size').attr({
            href: 'http://testing.com'
        });
    }
});

作成後にこれをリンクに追加する最良の方法は次のとおりです。

onclick = "_gaq.push(['_trackEvent','CIGuide', 'Click Shop Size', '15 3/4 Item']);" >​

.click、.attr、.on、および .bind を使用してみましたが、うまくいきませんでした。

私の質問が完全に意味をなさない場合はお詫び申し上げます。繰り返しますが、私はこれらすべてに非常に慣れていません。どんな助けでも大歓迎です。私が最終的に達成しようとしているのは、Google のイベント タグです。ありがとうございました。

4

1 に答える 1

0

次のコードを使用して、呼び出しを追加できます。

$( "#my_element a" ).bind( "mousedown" , function() {
    _gaq.push( [ "_trackEvent" , "CIGuide" , "Click Shop Size" , "15 3/4 Item" ] ) ;
} ) ;

上記のコードは、IDが「my_element」である要素の下のすべてのアンカーで機能します。

<h1>Hello World</h1>
<div id="my_element">
    <h2>Title here</h2>
    <ul>
        <li>
            <a href="http://www.example.com">Example</a>
        </li>
        <li>
            <a href="./some-page.html">Some Page</a>
        </li>
        <li>
            <a href="http://www.anotherexample.com">Another Example</a>
        </li>
    </ul>
</div>
<a href="./wont-fire">This link won't fire the event</a>

目的に合わせてセレクターをカスタマイズします。それだけです。

于 2012-12-12T19:50:20.057 に答える