Javascript 中的事件跟踪代码

Question

我正在添加 GA 事件跟踪代码并监听点击。

在下面的代码中，我使用 Javascript:

动态创建链接

<c:forEach items="${higherStudiesSubCategory}" var="sub">
                           databb1=databb1 + '<a class="col-xs-4 Cfilter" id="higherstudies,${sub}" onclick="GetResultAccordingToSubCategory(this)">${sub}</a>';
                           option1=option1 + '<option value="${sub}">${sub}</option>';
                           $('#subcategory-menu').html(option1);
                           $('.category-all-filters').html(databb1);
                        </c:forEach>

添加事件跟踪代码后：

<c:forEach items="${higherStudiesSubCategory}" var="sub">
                           databb1=databb1 + '<a class="col-xs-4 Cfilter" id="higherstudies,${sub}" onclick="ga(send,event,SubCategory,click,'+location+':${sub});GetResultAccordingToSubCategory(this)">${sub}</a>';
                           option1=option1 + '<option value="${sub}">${sub}</option>';
                           $('#subcategory-menu').html(option1);
                           $('.category-all-filters').html(databb1);
                        </c:forEach>

上面代码的区别在于onclick函数：

onclick="ga(send,event,SubCategory,click,'+location+':${sub});GetResultAccordingToSubCategory(this)"

但是上面的代码没有触发事件（通过 omnibug 跟踪），因为上面的代码中缺少单引号。应该是：

onclick="ga('send','event','SubCategory','click','+location+':${sub});GetResultAccordingToSubCategory(this)"

但是在代码中使用单引号会产生 javascript 错误。请帮助我如何在 javascript onclick 函数中添加单引号？

Answer 1

试试这个：

'<a class="col-xs-4 Cfilter" id="higherstudies,${sub}" onclick="ga('+"'send'"+','+"'event'"+','+"'SubCategory'"+','+"'click'"+',\''+location+':${sub}\');GetResultAccordingToSubCategory(this)">${sub}</a>';

Javascript 中的事件跟踪代码

Event tracking code in Javascript

javascript

event-tracking