etkr4k/bedolaga-cabinet
1
0
Fork 0
mirror of https://github.com/chillpadclub/bedolaga-cabinet.git synced 2026-07-28 09:33:46 +00:00
Code Issues Packages Projects Releases Wiki Activity

Add files via upload

Browse Source
This commit is contained in:
Egor
2026-01-27 01:20:15 +03:00
committed by GitHub
parent 80da25c102
commit 9c2cb24c21
1 changed files with 84 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

84
src/hooks/useAnalyticsCounters.ts Normal file
View File

@@ -0,0 +1,84 @@
import { useEffect } from 'react'
import { useQuery } from '@tanstack/react-query'
import { brandingApi } from '../api/branding'
const YM_SCRIPT_ID = 'ym-counter-script'
const GTAG_LOADER_ID = 'gtag-loader-script'
const GTAG_INIT_ID = 'gtag-init-script'
function removeElement(id: string) {
document.getElementById(id)?.remove()
}
function injectYandexMetrika(counterId: string) {
if (document.getElementById(YM_SCRIPT_ID)) return
const script = document.createElement('script')
script.id = YM_SCRIPT_ID
script.type = 'text/javascript'
script.textContent = `
(function(m,e,t,r,i,k,a){m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)};
m[i].l=1*new Date();
k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)})
(window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym");
ym(${counterId}, "init", {
clickmap:true,
trackLinks:true,
accurateTrackBounce:true
});
`
document.head.appendChild(script)
}
function injectGoogleAds(conversionId: string) {
if (document.getElementById(GTAG_LOADER_ID)) return
// External gtag.js loader
const loader = document.createElement('script')
loader.id = GTAG_LOADER_ID
loader.async = true
loader.src = `https://www.googletagmanager.com/gtag/js?id=${conversionId}`
document.head.appendChild(loader)
// Init script
const init = document.createElement('script')
init.id = GTAG_INIT_ID
init.textContent = `
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', '${conversionId}');
`
document.head.appendChild(init)
}
/**
* Fetches analytics counter settings from the API and dynamically
* injects Yandex Metrika and/or Google Ads scripts into <head>.
*/
export function useAnalyticsCounters() {
const { data } = useQuery({
queryKey: ['analytics-counters'],
queryFn: brandingApi.getAnalyticsCounters,
staleTime: 5 * 60 * 1000, // 5 min
})
useEffect(() => {
if (!data) return
// Yandex Metrika
if (data.yandex_metrika_id) {
injectYandexMetrika(data.yandex_metrika_id)
} else {
removeElement(YM_SCRIPT_ID)
}
// Google Ads
if (data.google_ads_id) {
injectGoogleAds(data.google_ads_id)
} else {
removeElement(GTAG_LOADER_ID)
removeElement(GTAG_INIT_ID)
}
}, [data])
}