javascript - Google 通过 Reveal.js 实现分析目标

Question

我使用的 Reveal.js ( https://github.com/hakimel/reveal.js ) 会生成带有哈希值和幻灯片 ID 的 URL，例如:www.my-domain.com/#/slide1 > www.my-domain.com/#/幻灯片2。

我想在 Google Analytics(分析)中为某些幻灯片设置目标，这样我就能知道用户达到了某个目标，我该如何做到这一点？

我尝试使用完整的 URL 作为目标，但似乎不起作用。有什么想法吗？

Answer 1

我不知道reveal.js。但根据documentation它带有事件监听器，用于与幻灯片交互。有一个幻灯片更改事件的示例，您可以在其中添加事件跟踪代码:

Reveal.addEventListener( 'slidechanged', function( event ) {
    // event.previousSlide, event.currentSlide, event.indexh, event.indexv
    ga('send', 'event', 'Slide', 'click', event.currentSlide);
} );

event 是一个对象，它通过对象属性为您提供一些有关交互的信息。不要对 GA 跟踪代码和 Reveal.js 代码中都存在“事件”这一事实感到困惑；后者是一个 javascript 事件，前者只是 Analytics 中的命名约定(从广义上讲，事件用于跟踪不会触发页面加载的内容)。