Axeptio React

Analytics.tsx

import { Router } from "next/router";
import { useEffect } from "react";
import ReactGA from "react-ga";

const Analytics: React.FC = () => {
  useEffect(() => {
    ReactGA.initialize(process.env.ANALYTICS_ID!);
    Router.events.on("routeChangeComplete", ReactGA.pageview);

    // @ts-ignore
    window._axcb = window._axcb || [];
    // @ts-ignore
    window._axcb.push((axeptio) => {
      axeptio.on("cookies:complete", (choices: any) => {
        if (choices.google_analytics) {
          ReactGA.set({ anonymizeIp: false });
        } else {
          ReactGA.set({ anonymizeIp: true });
        }
      });
    });

    return () => {
      Router.events.off("routeChangeComplete", ReactGA.pageview);
    };
  }, []);

  return null;
};

export default Analytics;

AxeptioInjector.tsx

import { useEffect } from "react";

const AxeptioInjector = () => {
  useEffect(() => {
    const el = document.createElement("script");
    el.setAttribute("src", "https://static.axept.io/sdk.js");
    el.setAttribute("type", "text/javascript");
    el.setAttribute("async", "true");
    el.setAttribute("data-id", "5d40273ba87a1d369584df39");
    if (document.body !== null) {
      document.body.appendChild(el);
    }
  }, []);

  return null;
};

export default AxeptioInjector;