0

我有一个 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等等。

谢谢您的回答！

4

1 回答 1

1

为什么我需要这个例子中的组件？

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

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

因此，<YM />组件是上一段中的加载器。

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

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

我希望我对你有所帮助。

于 2016-12-22T22:16:39.640 回答