35 lines
1.3 KiB
TypeScript
35 lines
1.3 KiB
TypeScript
import { useEffect } from "react";
|
|
|
|
export const useYandexMetrics = (yandexMetricNumber: number | undefined) => {
|
|
useEffect(() => {
|
|
if (
|
|
yandexMetricNumber &&
|
|
typeof yandexMetricNumber === "number" &&
|
|
!Number.isNaN(yandexMetricNumber)
|
|
) {
|
|
const script = document.createElement("script");
|
|
script.type = "text/javascript";
|
|
script.innerHTML = `
|
|
(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();
|
|
for (var j = 0; j < document.scripts.length; j++) {if (document.scripts[j].src === r) { return; }}
|
|
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(${yandexMetricNumber}, "init", {
|
|
clickmap:true,
|
|
trackLinks:true,
|
|
accurateTrackBounce:true,
|
|
webvisor:true
|
|
});
|
|
`;
|
|
|
|
document.body.appendChild(script);
|
|
|
|
const noscript = document.createElement("noscript");
|
|
noscript.innerHTML = `<div><img src="https://mc.yandex.ru/watch/${yandexMetricNumber}" style="position:absolute; left:-9999px;" alt="" /></div>`;
|
|
document.body.appendChild(noscript);
|
|
}
|
|
}, [yandexMetricNumber]);
|
|
};
|