tsepen
@tsepen
Фронтенд разработчик React & Redux

Как добавлять скрипты счетчиков на страницы React?

Необходимо интегрировать несколько сервисов в приложения на react и react-narive. В инструкциях предусмотрено добавление скриптов на каждую страницу
Например код
<script>(function(w, d, s, p) { var f = d.getElementsByTagName(s)[0], j = d.createElement(s); j.async = true; j.src = '//cdn.rutarget.ru/static/tag/tag.js'; f.parentNode.insertBefore(j, f); w[p] = {rtgNoSync: false, rtgSyncFrame: true}; })(window, document, 'script', '_rtgParams');</script>


А затем при некоторых действиях вызывать код
var _rutarget = window._rutarget || [];
_rutarget.push({'event': 'showOffer'});


Так вот как это правильно реализовать на React?
  • Вопрос задан
  • 143 просмотра
Решения вопроса 1
rockon404
@rockon404 Куратор тега React
Frontend Developer
1. Добавляем скрипт в html шаблон к которому крепится приложение.
2. Инициализируем пустой массив в точке входа:
window._rutarget = [];
3. Пользуемся в любой части приложения:
window._rutarget.push({ 'event': 'showOffer' });

Можно написать свою обертку:
window._rutarget = [];

const AdService = {
  showOffer() {
    window._rutarget.push({'event': 'showOffer'});
  }, 
};

export default AdService;


В React Native тэг script использовать не получится, можно разве попробовать использовать WebVIew.
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы