Question

对于某些活动，我想要使用谷歌分析（ga，analytics.js）跟踪一些元素。

首先，我要跟踪的是当元素的显示属性从无元素移除到显示元素时。

html：

<div class="boxzilla-container boxzilla-bottom-right-container">
<div class="boxzilla boxzilla-386 boxzilla-bottom-right" style="display: none; overflow-y: auto; max-height: none;">
    <div class="boxzilla-content">
        <div id="gray-strip" class="gf-footer">
            <h2 class="gf-head">CLICK HERE TO CLAIM YOUR<span class="gf-head-read"> FREE TRIAL</span></h2>
        </div>
    </div><span class="boxzilla-close-icon">×</span></div> </div>

URl：http://www.tribemainline.com/home-test/

我想跟踪'.boxzilla-386'何时将其属性从display：none移至no属性。

另一方面，我想跟踪点击'.boxzilla-386 .boxzilla-close-icon'的时间。

这有点跟踪和jQuery的混合：当有人点击'.boxzilla-386'时，它应该以滑入效果隐藏并带上选择框。目前，当点击“.boxzilla-386”时，选择加入弹出窗口会显示，但“.boxzilla-386”不会消失。如果是这样，我也想跟踪这些事件。

Answer 1

Boxzilla实际上有内置的事件，无论何时点击关闭图标或刚刚显示一个框时它都会触发，因此它最好是＆amp;最容易使用它们。

Boxzilla.on('box.show', function(box) {
    console.log("Showing box " + box.id);
});

Boxzilla.on('box.dismiss', function(box) {
    console.log("Dismissing box " + box.id);
});

有关可用事件的更多信息，GitHub上的README还有一些示例：ibericode/boxzilla.js

在功能回调中，您可以触发Google Analytics逻辑。请注意，如果您使用的是WordPress插件，则会有一个专门的插件插件可以为您执行此操作：Boxzilla - Google Analytics。

希望有所帮助。祝你好运！

当div被删除其显示属性为none时，使用google analytics.js进行事件跟踪

URl：http://www.tribemainline.com/home-test/

1 个答案: