Size: a a a

React: русскоязычное сообщество

2020 December 25

EP

Egor Petrov in React: русскоязычное сообщество
у тебя gtag в index.html
источник

YS

Yevhen Soldatov in React: русскоязычное сообщество
Да, есть
источник

EP

Egor Petrov in React: русскоязычное сообщество
const handleClick = () => {
dataLayer.push({ прочая еботня })
}
источник

EP

Egor Petrov in React: русскоязычное сообщество
Нахера тебе добавлять скрипт вообще?
источник

EP

Egor Petrov in React: русскоязычное сообщество
Yevhen Soldatov
Да, есть
Это был не вопрос
источник

V

Vlad in React: русскоязычное сообщество
Dmytro Kryshtopenko
Всем привет. Я экспортирую переменные окружения. но когда запускаю через nodemon уже js bundle - все переменные undefined
какой самый крутой способ пробрасывания переменных, чтобы было доступно из process.env
Можно поподробнее?
источник

V

Vlad in React: русскоязычное сообщество
Чет либо я тупой, либо я не понял вопроса
источник

V

Vlad in React: русскоязычное сообщество
Попробуй dotenv пакет
источник

YS

Yevhen Soldatov in React: русскоязычное сообщество
У меня есть компонента с кнопкой и по нажатии на нее нужно пушить этот event
источник

V

Vlad in React: русскоязычное сообщество
Должно помочь, если я правильно понял ошибку
источник

V

Vlad in React: русскоязычное сообщество
Yevhen Soldatov
У меня есть компонента с кнопкой и по нажатии на нее нужно пушить этот event
А зачем скрипт?
источник

EP

Egor Petrov in React: русскоязычное сообщество
Yevhen Soldatov
У меня есть компонента с кнопкой и по нажатии на нее нужно пушить этот event
это понятно, я уже написал решение. Тебе не надо создавать тэг скрипт. React уже JavaScript. Просто в обработчике вызывай функцию dataLayer.push. Она объявлена в gtag.
источник

V

Vlad in React: русскоязычное сообщество
import {useState} from 'React'

const Component = ()=>{
 const dataLayer = [];
 // or
 const [dataLayer,setDataLayer] = useState([]) // - так лучше
 const eventHandler = (event)=>{
   //вся логика тут
    dataLayer.push({
     'event': 'click_btn',
     'btn_name': 'name'
    });
   //c useState:
   setDataLayer(prev=>{
     ...prev,
     'event':'click_btn',
     'btn_name':'name'
   })
 }
 return(
   <div>
      <button onclick={eventHandler}>Event</button>
   </div>
 )
}
источник

V

Vlad in React: русскоязычное сообщество
не нужно создавать элемент внутри клика
просто пиши логику всю в eventHandler
источник

V

Vlad in React: русскоязычное сообщество
условно так
источник

YS

Yevhen Soldatov in React: русскоязычное сообщество
Cannot find name 'dataLayer'.
источник

V

Vlad in React: русскоязычное сообщество
создай
источник

V

Vlad in React: русскоязычное сообщество
что такое вообще dataLayer?
источник

EP

Egor Petrov in React: русскоязычное сообщество
источник

EP

Egor Petrov in React: русскоязычное сообщество
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=GA_MEASUREMENT_ID"></script>
<script>
 window.dataLayer = window.dataLayer || [];
 function gtag(){dataLayer.push(arguments);}
 gtag('js', new Date());

 gtag('config', 'GA_MEASUREMENT_ID');
</script>
источник