80 lines
2.1 KiB
TypeScript
80 lines
2.1 KiB
TypeScript
/* eslint-disable prefer-rest-params */
|
|
/* global ga */
|
|
import { escape } from "lodash";
|
|
import * as React from "react";
|
|
import { IntegrationService } from "@shared/types";
|
|
import env from "~/env";
|
|
|
|
const Analytics: React.FC = ({ children }) => {
|
|
// Google Analytics 3
|
|
React.useEffect(() => {
|
|
if (!env.GOOGLE_ANALYTICS_ID?.startsWith("UA-")) {
|
|
return;
|
|
}
|
|
|
|
// standard Google Analytics script
|
|
window.ga =
|
|
window.ga ||
|
|
function (...args) {
|
|
(ga.q = ga.q || []).push(args);
|
|
};
|
|
|
|
ga.l = +new Date();
|
|
ga("create", env.GOOGLE_ANALYTICS_ID, "auto");
|
|
ga("send", "pageview");
|
|
const script = document.createElement("script");
|
|
script.type = "text/javascript";
|
|
script.src = "https://www.google-analytics.com/analytics.js";
|
|
script.async = true;
|
|
|
|
// Track PWA install event
|
|
window.addEventListener("appinstalled", () => {
|
|
ga("send", "event", "pwa", "install");
|
|
});
|
|
|
|
document.getElementsByTagName("head")[0]?.appendChild(script);
|
|
}, []);
|
|
|
|
// Google Analytics 4
|
|
React.useEffect(() => {
|
|
const measurementIds = [];
|
|
|
|
if (env.analytics.service === IntegrationService.GoogleAnalytics) {
|
|
measurementIds.push(escape(env.analytics.settings?.measurementId));
|
|
}
|
|
if (env.GOOGLE_ANALYTICS_ID?.startsWith("G-")) {
|
|
measurementIds.push(env.GOOGLE_ANALYTICS_ID);
|
|
}
|
|
if (measurementIds.length === 0) {
|
|
return;
|
|
}
|
|
|
|
const params = {
|
|
allow_google_signals: false,
|
|
restricted_data_processing: true,
|
|
};
|
|
|
|
window.dataLayer = window.dataLayer || [];
|
|
window.gtag = function () {
|
|
window.dataLayer.push(arguments);
|
|
};
|
|
window.gtag("js", new Date());
|
|
|
|
for (const measurementId of measurementIds) {
|
|
window.gtag("config", measurementId, params);
|
|
}
|
|
|
|
const script = document.createElement("script");
|
|
script.type = "text/javascript";
|
|
script.src = `https://www.googletagmanager.com/gtag/js?id=${measurementIds.join(
|
|
","
|
|
)}`;
|
|
script.async = true;
|
|
document.getElementsByTagName("head")[0]?.appendChild(script);
|
|
}, []);
|
|
|
|
return <>{children}</>;
|
|
};
|
|
|
|
export default Analytics;
|