Javascript 中的事件跟踪代码答案

【问题标题】：Event tracking code in JavascriptJavascript 中的事件跟踪代码
【发布时间】：2016-01-20 21:11:49
【问题描述】：

我正在添加 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 函数中添加单引号？

【问题讨论】：

标签： javascript event-tracking

【解决方案1】：

试试这个：

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

【讨论】：

谢谢 vikas，上面的代码有效。更好的解决方案是：onclick="ga(\'send\',\'event\',\'SubCategory\',\'click\',\''+location+':${sub}\');GetResultAccordingToSubCategory(this)">${sub}</a>';