Question

我想跟踪手风琴的点击次数。每个面板都有一个唯一的ID。以下是3个面板的示例。这是我的HTML：

<div id="accordion">
<div class="default" id="c35967">
    <div class="header">
        <h3>header 1</h3>
    </div>
    <div class="text trigger" style="display: none;">
        <p>text text</p>
    </div>
</div>
<div class="default" id="c34968">
    <div class="header">
        <h3>header 2</h3>
    </div>
    <div class="text trigger" style="display: none;">
        <p>text text</p>
    </div>
</div>
<div class="default" id="c27969">
    <div class="header">
        <h3>header 3</h3>
    </div>
    <div class="text trigger" style="display: none;">
        <p>text text</p>
    </div>
</div>

这是我的JS（使用jQuery）：

//ACCORDION BUTTON ACTION (ON CLICK DO THE FOLLOWING)
//From http://www.stemkoski.com/stupid-simple-jquery-accordion-menu/
$('#accordion div .header').click(function() {

    //REMOVE THE ON CLASS FROM ALL BUTTONS
    $('#accordion div .header').removeClass('active');

    //NO MATTER WHAT WE CLOSE ALL OPEN SLIDES
    $('.trigger').slideUp('normal');

    //IF THE NEXT SLIDE WASN'T OPEN THEN OPEN IT
    if($(this).next().is(':hidden') == true) {

        //ADD THE ON CLASS TO THE BUTTON
        $(this).addClass('active');

        //OPEN THE SLIDE
        $(this).next().slideDown('normal');

        // Alter the hash value for easy linking
        if ($(this).parent().attr('id') != '') { 
            window.location.hash = 'panel' + $(this).parent().attr('id');
        }
     }        
 });

我想跟踪点击事件，并将面板的唯一ID转移到Google UA。如果标题可以出现在Google UA中以使其更易于管理，那么它将是完美的。

我相信跟踪应该在这部分：

    // Alter the hash value for easy linking
    if ($(this).parent().attr('id') != '') { 
        window.location.hash = 'panel' + $(this).parent().attr('id');
    }

任何可以帮助我的人？

Answer 1

以下是事件监听器的示例：

$('#accordion div .header').click(function() {   
    var eCat = "UX";
    var eAct = "Slideshow Click";
    var eLab = $(this).parent().attr("id") + " - " + $(this).find("h3").text();

    ga('send', 'event', eCat, eAct, eLab); 
});

使用Google UA跟踪点击事件

1 个答案: