如何在 Meteor+React 应用中使用 Yandex.Metrika？

Question

我有一个 Meteor 应用程序，所有 UI 组件都是用 React 构建的。我使用 FlowRouter 进行路由。

现在我想使用 Yandex.Metrika 服务添加分析。

我为 React 找到了这个包：https://github.com/narkq/react-yandex-metrika

可是我要怎么用呢？为什么我需要此示例中的 <YM /> 组件？

import {Initializer as YM} from 'react-yandex-metrika';

// Use the initializer to add the script to your page somewhere.
var MyComponent = React.createClass({
  render: function() {
    return (
      <div>
        // SNIP
          <YM />
        // SNIP
      </div>
    );
  }
});

我应该在哪里初始化跟踪器对象？我读到了：

// This is supposed to be executed only in browser and only once.
// Because of that, the most sensible place for this code is right after you javascript bundle.
ym.init([987654321]);

但什么是 javascript 包，我应该将我的 im.init(id) 代码放在哪里？

其实我所需要的只是将数据发送到 Metrika 的功能，例如hit (pageview 模拟 rom ga)、reachGoal 等等。

感谢您的回答！

Answer 1

出于什么原因我需要此示例中的组件？

你需要它来加载 metrika 的主代码

metrika 的工作原理： 网站管理员（您）将一小段 js 代码（加载器）插入所有页面。此代码将异步脚本附加到主代码（它比加载程序大一点）并创建 metrika 对象（'counter'）的实例 - new Ya.Metrika(...params)。实例将在名为 yaCounterXXXXX 的全局变量中可用，其中 XXXXX 是您的计数器 ID。

所以，<YM /> 组件是上一段的加载器。

实际上，我所需要的只是具有将数据发送到的功能 Metrika，如hit（pageview analog rom ga）、reachGoal等。

在自述文件的底部有关于此的文档。但是我没有看到针对该方法的按计数器 ID 过滤。也许我做了一个公关来添加这个功能。在任何情况下，您都可以像这样使用全局变量 yaCounterXXXXX yaCounterXXXXX.hit(url, params) 或 yaCounterXXXXX.reachGoal(goalId, params)

希望对你有所帮助。