如何在Next Js（React）中实施Adobe Analytics？

我已要求在已构建的react js应用程序中添加Adobe Analytics。

请向我道歉，我对如何实现它没有任何基本想法/理解，因此专家的帮助将对我非常有帮助。

要求是我需要在next js with typescript内置的项目中实现Adobe Analytics 。

我在官方文档中只能找到google Analytics（分析）示例，而在adobe中找不到。

完整的示例工作应用程序代码在这里...

Index.tsx：

import React from "react";
import Container from "@material-ui/core/Container";
import Typography from "@material-ui/core/Typography";
import Box from "@material-ui/core/Box";
import Link from "../src/Link";

export default function Index() {
  return (
    <Container maxWidth="sm">
      <Box my={4}>
        <Typography variant="h4" component="h1" gutterBottom>
          Next.js with TypeScript example
        </Typography>
        <Link href="/about" color="secondary">
          Go to the about page
        </Link>
      </Box>
    </Container>
  );
}

从链接中提供的源代码中，请帮助我应该从哪里开始以及实现Adobe Analytics的确切需求？

I found the link for SSR here, https://docs.adobe.com/content/help/en/experience-manager-65/developing/headless/spas/spa-ssr.html but it doesn't provide necessary details about implementation inside code.

Raised a query here: https://github.com/zeit/next.js/discussions/10679 but I couldn't get the appropriate help from anyone..

As like the question title indicates, I am in the need of adobe analytics implementation and strictly not google analytics..

I humble request, please provide the solution by forking the above codesandbox with working condition.