Как вставить код Яндекс.Метрики в реакт компонент?

Question

[E]

Вопрос в следующем:
Как вставить код Яндекс.Метрики в реакт компонент, который в свою очередь рендерится на сервере поверх метеора оО
В общем на бекенде имеем метеор приложение, фронтенд на реакте, который рендерится на сервере через FlowRouter. Не думаю что это важно, но все же. Подскажите как можно вставить не прибегая к npm или что почитать?

Answer 1

[E]

Сам задал вопрос, получил ответ, который уже пробовал, еще раз попробовал все получилось.
Ну в целом все просто, может кому пригодится:

ym() {
    return (
      "<script src='https://mc.yandex.ru/metrika/watch.js' type='text/javascript'></script>\
      <script type='text/javascript'>\
            try {\
                  var yaCounterXXXXX = new Ya.Metrika({\
                  id:XXXXX,\
                  clickmap:true,\
                  trackLinks:true,\
                  accurateTrackBounce:true,\
                  webvisor:true,\
                  trackHash:true\
                  });\
            } catch(e) { }\
      </script>"
    );
  },

И вызываем:

<div dangerouslySetInnerHTML={{__html: this.ym()}}/>

Comments

[Альберт Фазуллин]

вы xss вообще не боитесь?

Answer 2

[Razzwan]

import { YMInitializer } from 'react-yandex-metrika';

class MyComponent extends React.Component {
  render() {
    return (
      <div>
        // SNIP
          <YMInitializer accounts={[987654321]} />
        // SNIP
      </div>
    );
  }
});

// И потом используем так:
import ym from 'react-yandex-metrika';
ym('hit', '/cart');
ym('reachGoal', 'whateverGoal', {awesomeParameter: 42});

Взято здесь: https://github.com/narkq/react-yandex-metrika

Comments

[GadgetHackwrench]

В react native компонент нельзя вставить div, должен быть View.
Странно что этот код работает.

Answer 3

[Андрей Антропов]

Если с сервера получается готовый html, то достаточно просто

class MetricContainer extends Component {
  render() {
    return <div dangerouslySetInnerHTML={{__html: someHtmlStringFromServer}}/>
  }
}

Иначе все зависит от реализации и сопряжено будет с энным количеством боли и страданий, вернее танцов с бубном во имя сопряжения их.

Comments

[E]

Пробовал, но почему то не уходит запрос на mc.yandex.ru. Хотя нужно еще этот способ поковырять.