EP
Size: a a a
EP
V
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
<!-- 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>
EP
V
V
V
<script src="/мейн_скрипт_реакт"></script>
YS
V
YS
V
V
YS
EP
V
V
V
YS