Skip to content

Ackee 사이트 통계

이전 문서: Ackee 사이트 통계 게시일: 2023-8-1 마지막 수정: 2024-1-31 원래 분류: 📊 사이트 통계

💡 보통 사이트 방문 정보를 모니터링할 때 uptime kuma, Umami 같은 사이트 모니터링 프로그램을 선택합니다. 하지만 대부분은 Docker 같은 백엔드 호스팅 환경에 의존합니다. Ackee는 Vercel과 MongoDB를 사용해 무료로 구축할 수 있는 사이트 통계 도구입니다.

효과

관리 화면에서 실시간 방문자, 총 방문자, 글별 방문 빈도 순위 같은 정보를 확인할 수 있습니다.

Untitled

이제 배포 방법을 소개합니다.

Ackee 관리 화면 배포

1. MongoDB 데이터베이스 만들기

MongoDB Cloud

Products Solutions Developer Data Platform Innovate fast at scale with a unified developer experience White Papers & Presentations Webinars, white papers, data sheet and more Resources Company Pricing MongoDB cloud services consist of a comprehensive suite of data products that accelerate and simplify how you build with data for any application.

1. 계정 가입과 데이터베이스 생성

GitHub 로그인을 권장합니다가장 오른쪽의 무료 플랜을 선택하면 됩니다지역을 선택하고 Create Cluster를 클릭합니다사용자 이름과 비밀번호를 만듭니다

💡 아래에는 이 데이터베이스에 접근할 수 있는 IP 주소를 설정해야 합니다. 0.0.0.0으로 설정하는 것을 권장합니다. 모든 주소에서 접근을 허용하는 값입니다. 어떤 IP로 이 데이터베이스에 접근하게 될지 모를 수 있기 때문입니다.

2. 데이터베이스 연결 주소 얻기

패널 홈에서 Connect 클릭MongoDB Drivers 클릭데이터베이스 연결 주소 복사

💡 <password>는 직접 설정한 비밀번호로 바꿔야 합니다.

2. 원클릭 배포

공식 문서에는 모든 채널의 배포 방식이 있습니다. 여기서는 Netlify를 예로 듭니다. Netlify와 Vercel의 작업 흐름은 거의 같습니다. 프로젝트를 가져오고 환경 변수를 설정하면 배포할 수 있습니다. 여기서는 Vercel 배포 튜토리얼은 따로 다루지 않습니다.

아래 링크를 클릭해 Netlify에서 Ackee를 원클릭 배포합니다. GitHub 계정으로 로그인하는 것을 권장합니다.

Netlify App

Start building the best web experiences in record time

아래 이미지를 참고해 설정한 뒤 save & deploy를 클릭하면 됩니다.

Untitled

배포가 완료되면 관리 화면에서 도메인을 연결합니다.

Site configuration -> Domain management -> Domains를 클릭한 뒤 Add domain alias를 클릭합니다.

준비한 도메인을 입력하고 Save를 클릭해 저장합니다.

Untitled

이때 페이지에 Awaiting External DNS가 표시됩니다. DNS 정보 연결을 기다린다는 뜻입니다.

도메인 제공자 관리 화면에서 도메인을 연결하는 방법

도메인 서비스 제공자에서 CNAME을 하나 추가하면 적용됩니다. Vercel의 작업 방식과 거의 같습니다.

Vercel 커스텀 도메인 연결 | NotionNext 문서CNAME 설정 부분을 참고할 수 있습니다.

Vercel은 Cloudflare를 통해 자신의 도메인을 빠르게 연결하고 해석할 수 있습니다.

Ackee 관리 화면에 사이트를 추가하고 설정 얻기

이전 단계의 계정과 비밀번호로 관리 화면에 로그인한 뒤 Setting을 찾고 New domain을 클릭해 도메인을 추가합니다.

Untitled

임베드 코드와 Domain id를 얻으면 됩니다.

Untitled

NotionNext 설정

이전 단계의 임베드 코드에서 Ackee 변수 세 개를 추출한 뒤 NotionNext 프로젝트 관리 화면에 해당 환경 변수를 추가하면 됩니다.

완료

설정 후 NotionNext 프로젝트를 다시 배포하면 됩니다.

원문 링크

https://docs.tangly1024.com/article/notion-next-ackee