google-analytics - 将 Google Analytics 添加到 CKeditor 工具栏按钮

Question

我试图将我的 Ckeditor 4 工具栏按钮保持在最低限度，但想弄清楚用户最常使用哪些按钮。因此，我试图将谷歌分析添加到工具栏按钮点击中。

触发一个 JS 事件来记录分析是没有问题的。但是，我很难弄清楚如何专门捕获工具栏项的单击事件。有我可以绑定(bind)的事件回调吗？谢谢。

理想情况下，这不必使用 jquery ckeditor 连接器，因为我已经设法不使用它。虽然，使用 Jquery 本身是可以的。

Answer 1

我想我想通了。 上似乎没有办法做到这一点。 CKEDITOR 类级别，但是可以在单个编辑器级别完成。

在我的实例就绪 处理程序，我可以添加 命令执行后事件处理程序。

CKEDITOR.on('instanceReady', function (e) {

    var textarea_id, editor;

    textarea_id = e.editor.name;
    editor = CKEDITOR.instances[textarea_id];

    // Attach handler for events
    editor.on('afterCommandExec', function (evt) {
        // Record Analytic of toolbar bar & keypress events

        // See http://docs.ckeditor.com/#!/api/CKEDITOR.command-property-state for vals
        var cmd_name, cmd_prev_state, cmd_new_state;

        cmd_name = evt.data.name;
        cmd_prev_state = evt.data.command.state;
        cmd_new_state = evt.data.command.previousState;
        console.log([cmd_name, cmd_prev_state, cmd_new_state]);

        // Call analytics event next ...
    });
})

引用:

全局 CKEDITOR 级别的事件回调:http://docs.ckeditor.com/#!/api/CKEDITOR-event-instanceReady

编辑器实例级别的事件回调:http://docs.ckeditor.com/#!/api/CKEDITOR.editor-event-afterCommandExec