간단한 스크립트 삽입만으로 사용 가능: 복잡한 설정 없이 웹페이지에 스크립트를 삽입하는 것만으로 바로 사용 가능합니다.
SPA 및 일반 웹페이지 모두 호환: SPA(Single Page Application) 뿐만 아니라 SPA가 아닌 웹페이지에서도 동작합니다.
Next.js 사용자라면?
v13 app directory
layout.tsx
import Script from "next/script";
export default function RootLayout({
children,
}: {
children: React.ReactNode;
}) {
return (
<>
{children}
<Script
src="https://dljue2p0jo5rq.cloudfront.net/mini-tracker-sdk.js"
strategy="beforeInteractive"
></Script>
</>
);
}pages directory
pages/_document.tsx
import { Html, Head, Main, NextScript } from 'next/document';
import Script from 'next/script';
export default function Document() {
return (
<Html lang="en">
<Head/>
<body>
<Main />
<NextScript />
<Script
src="https://dljue2p0jo5rq.cloudfront.net/mini-tracker-sdk.js"
strategy="beforeInteractive"
/>
</body>
</Html>
);
}
export default MyDocument;일반적인 블로그 혹은 SPA 이외의 서비스 운영자라면?
<head>
<script src="https://dljue2p0jo5rq.cloudfront.net/mini-tracker-sdk.js"></script>` 한 줄 추가로 사용 가능합니다.
</head>ps. CORS 에러 해결법은 대시보드 페이지에서 확인바랍니다.
