캘린더는 당신의 삶에 대해 많은 것을 알고 있습니다. 그래서 Planif.ai 웹사이트를 만들 때 간단한 원칙을 정했습니다. 캘린더를 맡겨 달라고 부탁하는 사이트가 당신을 설득하려고 추적해서는 안 된다.
쿠키 배너도, 광고 픽셀도, 당신에 대한 프로필도 없습니다. 그래도 어떤 페이지가 앱을 써 보기로 결정하는 데 도움이 되는지는 알고 싶었습니다. 그것을 어떻게 측정하는지, 그리고 무엇을 측정하지 않기로 했는지 소개합니다.
쿠키 배너가 없는 이유
대부분의 분석 도구는 다음 방문 때 당신을 알아보기 위해 브라우저에 쿠키나 식별자를 저장합니다. EU와 영국에서는 먼저 동의가 필요하고, 그래서 제목을 읽기도 전에 배너가 뜹니다.
우리는 그런 불편을 원하지 않았고, 당신을 알아볼 필요도 없었습니다. 우리가 알고 싶은 것은 이런 질문뿐입니다.
- 실제로 읽히는 블로그 글은 무엇인가?
- 어떤 페이지가 App Store 버튼 탭으로 이어지는가?
- ADHD 가이드를 읽은 사람이 다운로드 페이지까지 오는가?
어느 것도 당신이 누구인지 알 필요가 없습니다.
측정하는 것
우리는 Shipabase를 사용합니다. 개인정보를 존중하는 제품 분석 도구로, 쿠키와 localStorage를 쓰지 않고 IP 주소를 저장하지 않습니다. planif.ai에서는 다음을 기록합니다.
- 페이지뷰: 페이지가 로드되거나 경로가 바뀔 때 자동으로 수집됩니다.
- App Store 클릭(
app_store_click): 헤더, 푸터, 블로그 글 등 사이트의 모든 App Store 링크. - 문의(
contact_submitted): 양식에서 고른 주제만 보냅니다. 이름, 이메일, 메시지는 절대 보내지 않습니다.
이게 전부입니다. 세 가지 신호, 모두 익명입니다. 방문자는 매일 바뀌는 해시로 집계되므로, 오늘의 방문을 내일의 방문과 연결할 수 없습니다.
측정하지 않는 것
- 추적 쿠키, localStorage, 핑거프린팅을 쓰지 않습니다.
- IP 주소를 저장하지 않습니다.
- URL 파라미터를 보내지 않습니다. 페이지 경로만 보내므로 링크 파라미터에 담긴 내용은 통계에 들어가지 않습니다.
- Planif.ai 앱에 입력한 내용은 전혀 포함되지 않습니다. 웹사이트와 앱은 분리되어 있습니다.
그 뒤의 코드
우리 사이트는 Next.js로 만들었습니다. 전체 설정은 루트 레이아웃에서 한 번만 불러오는 작은 클라이언트 컴포넌트 하나입니다.
"use client";
import { useEffect } from "react";
import { init, trackEvent } from "@shipabase/js";
export function ShipabaseAnalytics() {
useEffect(() => {
init(process.env.NEXT_PUBLIC_SHIPABASE_KEY!);
// 사이트의 모든 App Store 링크를 리스너 하나로 처리합니다.
const onClick = (e: MouseEvent) => {
if ((e.target as Element | null)?.closest?.("a[href*='apps.apple.com']")) trackEvent("app_store_click");
};
document.addEventListener("click", onClick, { capture: true });
return () => document.removeEventListener("click", onClick, { capture: true });
}, []);
return null;
}
그리고 문의 양식에서 전송에 성공한 뒤:
trackEvent("contact_submitted", { subject });
페이지뷰에는 코드가 필요 없습니다. 페이지 간 클라이언트 측 이동까지 SDK가 기록합니다.
알게 된 것
우리에게 중요한 숫자는 간단한 비율입니다. 가이드 독자 중 몇 명이 App Store 버튼까지 가는지, 그리고 어떤 가이드가 그 독자들을 데려오는지. 이것으로 다음에 무엇을 쓸지, 어떤 페이지를 개선할지 알 수 있습니다. 개별 방문자에 대해서는 아무것도 모른 채로요.
웹사이트나 앱을 운영하며 같은 방식을 쓰고 싶다면, Shipabase에 쿠키 없는 Next.js와 Lovable 같은 AI 도구로 만든 앱을 위한 가이드가 있습니다(영어).
자주 묻는 질문
planif.ai는 쿠키를 사용하나요? 추적 쿠키도 동의 배너도 없습니다. 애널리틱스는 쿠키를 쓰지 않습니다. 유일한 쿠키는 선택한 언어를 기억하는 기능용 쿠키입니다.
사이트를 방문하면 Planif.ai가 제가 누구인지 알 수 있나요? 아니요. 방문은 매일 바뀌는 해시로 익명 집계되며, IP 주소는 저장되지 않습니다.
제 캘린더 데이터가 애널리틱스에 사용되나요? 아니요. 사이트 애널리틱스는 planif.ai 웹사이트만 다룹니다. 앱에서 계획한 내용은 절대 포함되지 않습니다.
사용해보기
기사 뒤의 앱.