Jquery 将Google Analytics事件添加到导航项

我试图建立一个循环，循环遍历nav中的列表项，然后从每个锚标记中获取title属性，这样我就可以将其放入代码行中，用于分析，其中显示title

$(document).ready(function () {
function analytics(e) {
    var titles = $('#trending-nav li.cms a').attr("title");
    ga('atealium.send', 'event', 'Navigation', "Trending", titles);
};

var trends = $("#trending-nav li a");
for (var i = 0; i < trends.length; i++) {
    EventUtil.addHandler(trends[i], 'click', analytics);
}
});

$（文档）.ready（函数（）{
功能分析（e）{
var titles=$（“#趋势nav li.cms a”）.attr（“title”）；
ga（“atealium.send”，“事件”，“导航”，“趋势”，标题）；
};
var趋势=$（“趋势资产净值a”）；
对于（变量i=0；i

我很难找到正确的代码来使用，下面是我使用的基本列表。我不知道该把代码放在哪里，也不知道导航中每个项目标题的正确格式

<nav class="clearfix inner" id="tren">
<ul>
    <li><a class="tren">TREN</a></li>
<li class="cms ">

        <a href="/age" title="Agency A-Z">Agency A-Z</a>
</li>
<li class="cms ">

        <a href="/brand/brand-a-z" title="BRAND A-Z">BRAND A-Z</a>
</li>
<li class="cms ">

        <a href="/christmas/christmas-ads" title="CHRISTMAS ADS">CHRISTMAS ADS</a>
</li>
<li class="cms ">

        <a href="/johnlewis" title="JOHN LEWIS">JOHN LEWIS</a>
</li>
<li class="cms ">

        <a href="/hav" title="HAV">HAV</a>
</li>
</ul>

---

您应该能够使用jQuery处理所有这些问题

不要使用

EventUtil.addHandler

，因为您已经在使用jQuery，只需利用jQuery的click事件侦听器。在本例中，我选择了

#tren

导航块中的所有锚点，然后您可以调用

ga

，并使用

$（this）.attr（'title'）

传递标题。如果您不熟悉

$（this）

，请查看jQuery的文档：

---

非常感谢你的帮助，布莱西

$(document).ready(function () {

  $("#tren a").on('click', function () {
    ga('atealium.send', 'event', 'Navigation', "Trending", $(this).attr("title")); 
  });

});