javascript - 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>';