몇 분 안에 가능

3292 단어
Plausible은 웹 트래픽을 확인하는 데 사용되는 가벼운 웹 분석 도구이며 명확한 시각적 차트와 이메일/Slack 보고서를 통해 트래픽이 어디에서 오는지 정확히 찾아냅니다.

이 블로그에서는 plausible이 어떻게 작동하는지 보여주기 위해 next.js를 참조용으로 사용했지만 plausible은 모든 프레임워크에서 작동합니다.

로그인/만들기



plausible account을 생성하여 시작하고 웹사이트 추가 버튼을 클릭합니다.

웹사이트 추가



텍스트 영역에 도메인 이름을 입력하면(액세스할 수 있는 도메인 이름 제공) 장치 위치에 따라 위치가 자동으로 설정됩니다.



코드 조각



이전 세부 정보에서 코드 스니펫이 생성되며 프로젝트 헤드에 붙여넣어야 합니다.



Let's add this script to our project in our way.



구성 요소 지시문 아래에 meta.tsx 파일을 만들고 아래 스니펫을 붙여넣습니다.

import Head from 'next/head'

export default function Meta() {
    return (
        <Head>
            <script
                defer
                data-domain="akilesh.io"
                src="https://plausible.io/js/plausible.js">
            </script>
        </Head>
    )
}


이제 이 메타 구성 요소가 있는 경우 layout.tsx 구성 요소로 가져올 수 있습니다. 그렇지 않은 경우 모든 페이지에 액세스할 수 있는 다른 구성 요소에 이 구성 요소를 추가할 수 있습니다.

The ides here is to make the <script> tag accessible by the whole application.



도메인 대시보드



도메인 대시보드https://plausible.io/**your_domain_name**로 이동하여 편안한 상태를 유지하십시오. Plausible은 모든 복잡한 프로세스를 처리하고 몇 초 안에 웹 페이지의 통계를 볼 수 있습니다.

스크린샷:


  • 누군가 웹 사이트를 방문할 때까지 대시보드가 ​​됩니다.
  • 이것은 총 방문자 수를 나타내는 선형 차트이며 총 트래픽에서 고유 방문자를 식별한 다음 방문 기간을 식별합니다.
  • 이 대시보드는 세부 표현을 제공합니다.
  • 상위 소스(트래픽이 발생하는 위치).
  • 페이지(사용자가 들어간 페이지에서 나감).
  • 위치.
  • 장치, 브라우저, OS.

    • 오픈 소스 분석 도구를 웹 애플리케이션에 성공적으로 통합했습니다. 이제 사용자가 어떤 기기에서 본 트래픽 소스에 대해 알 수 있습니다.

    호스팅 서비스에서 그럴듯하게 수동으로 설정하려면 mynewsletter를 구독하십시오.

    I'll promise to make it within next Monday plz bear with me.

    GTK+ 프로그래밍 해보자
    5분 안에 Github에 React 앱 배포

    좋은 웹페이지 즐겨찾기

    개발자 우수 사이트 수집

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