Cloudflare 네트워크 Analytics.js에 사용

며칠 전에는 AnalyticsCloudflare Web Analytics를 사용자의 프라이버시를 보호하는 형식으로 제공하는 것이 공중 베타로 누구나 이용할 수 있게 됐다.

이번에 우리는 Custom Document,넥스트를 만들었다.js에서 사용할 수 있습니다.

render() {
  return (
    <Html lang="ja">
    <Head>
      {/* Cloudflare Web Analytics */}
      <script
        defer
        src='https://static.cloudflareinsights.com/beacon.min.js'
        data-cf-beacon='{"token": "your-token-here"}'
      />
      {/* End Cloudflare Web Analytics */}
    </Head>
    <body>
      <Main />
      <NextScript />
    </body>
    </Html>
  )
}

이게 다야.몇 시간 후에 대시보드를 확인하면 방문 수가 무사히 계산됩니다.

게다가 이번 기사를 쓸 때 vercel/next.js의Example app with analytics를 참고했다.
이 코드는 여기 있습니다.

Reference

이 문제에 관하여(Cloudflare 네트워크 Analytics.js에 사용), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://zenn.dev/tetsuya/articles/e9f27f133d168b

텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.

우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)

좋은 웹페이지 즐겨찾기

개발자 우수 사이트 수집

개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다