Wordpress上的通用分析事件跟踪
Universal Analytics Event Tracking on Wordpress
我对这个话题做了很多研究,但现在我遇到了一个主要的障碍:
在我的Wordpress网站上,我想追踪"3D打印机"下的主导航链接"Dreamer"。我正在使用通用分析。
目前,我使用一个CSS-PHP-JS插件来启动以下Javascript代码,该代码据称可以跟踪事件,但它不起作用。
<script type="text/javascript">
;(function ($) {
$("a#menu-item-4893").each(function () {
var href = $(this).attr("href");
var target = $(this).attr("target");
var text = $(this).text();
// When someone clicks these links:
$(this).click(function (event) {
event.preventDefault(); // Don't open the link yet
// Create a custom event"
ga('send', 'event', 'Internal Link', 'click-dreamer-nav', 'flashforge-usa.com/dreamer-3d-printer', 42);
// Now wait 300 milliseconds...
setTimeout(function () {
// ... and open the link as usual:
window.open(href, (!target ? "_self" : target));
}, 300);
});
});
})(jQuery);
</script>
实际上,我还有另外两种代码变体,你可以在网站的页脚部分找到:
- 变体2:追踪Dreamer下的Creator Pro链接
- 变体3:跟踪下载的点击
到目前为止,没有人在Chrome控制台中抛出错误,但我的UA没有记录事件。
有人能提供一些指导吗?
您可能想从尝试这样的操作开始,它可以跟踪带有链接的菜单元素上的点击http://www.flashforge-usa.com/dreamer-3d-printer/".
如果这允许您跟踪菜单项的单击事件,那么您可以考虑为其他链接设置跟踪。
;(function ($) {
$('.mpcth_nav').on('click', 'a[href="http://www.flashforge-usa.com/dreamer-3d-printer/"]', function (event) {
// Temporarily prevent the default browser behavior for clicks:
event.preventDefault();
// Keep a reference to the Element's attributes:
var link = $(this);
var linkDestination = link.attr('href');
var linkTarget = link.attr('target');
// Create a custom event:
ga('send', {
'hitType': 'event',
'eventCategory': 'Internal Link', // The Object that was interacted with (Required).
'eventAction': 'click-dreamer-nav', // The type of interaction (Required).
'eventLabel': 'flashforge-usa.com/dreamer-3d-printer', // Label for categorizing events (Optional).
'eventValue': 42, // Event value (Optional).
'hitCallback': function () { // Called when the Hit was sent (Optional).
// Navigate to the link once Google Analytics was notified:
window.open(linkDestination, (!linkTarget ? '_self' : linkTarget));
}
});
});
})(jQuery);
有关Google Analytics中事件跟踪的更多详细信息,您可以参考在线文档:https://developers.google.com/analytics/devguides/collection/analyticsjs/events
相关文章:
- 谷歌分析事件跟踪
- iOS/HTML5上的视频相关事件跟踪
- 在 Web 应用中处理事件跟踪的最佳(高性能)方法
- 如何在表单提交时在谷歌分析上设置事件跟踪
- Wordpress上的通用分析事件跟踪
- 如何使用Google Analytics添加自定义事件跟踪
- 谷歌分析悬停事件跟踪
- 基于AJAX的联系人表单7事件跟踪新的谷歌分析代码
- 新的谷歌分析事件跟踪代码不适用于我的网站
- 谷歌分析事件跟踪无法正常工作
- 使用谷歌通用分析进行事件跟踪
- 谷歌分析事件跟踪 - 不起作用
- 为什么此事件跟踪器不起作用
- 按钮上的谷歌分析事件跟踪
- 轻量级 Youtube 嵌入 + G. 分析事件跟踪
- JQuery location.href - 事件跟踪
- 谷歌分析出站链接事件跟踪
- 针对 Chrome 扩展程序的分析事件跟踪
- 高效的 JavaScript 事件跟踪
- 事件跟踪 - 需要链接在新窗口中打开,而不会被视为弹出窗口