고객 식별 연결

Identity resolution

익명 방문과 로그인 후 행동을 같은 사람의 기록으로 연결합니다.

···
html
<div class="idmap"><div class="ids"><div class="anon"><i>A</i><b>ANON VISIT</b></div><div class="known"><i>K</i><b>ACCOUNT</b></div></div><div class="event">SIGN IN → LINK</div><div class="person"><i>1</i><div><b>ONE PROFILE</b><small>VISIT + ACCOUNT</small></div></div></div>
css
.idmap{width:min(86%,430px);font:900 clamp(10px,max(3.7vmin,1vw),16px)/1.2 sans-serif}.ids{display:flex;gap:clamp(8px,2vmin,20px)}.ids>div{flex:1;display:flex;align-items:center;gap:6px;padding:clamp(7px,1.8vmin,16px);border:1px solid var(--line);background:var(--surface);white-space:nowrap}.ids i,.person i{display:grid;place-items:center;flex:none;width:clamp(17px,3.5vmin,30px);aspect-ratio:1;border-radius:50%;background:var(--accent);color:white;font-style:normal}.anon{animation:joinLeft 4s infinite}.known{animation:joinRight 4s infinite}.event{text-align:center;color:var(--accent);padding:clamp(12px,3vmin,25px) 0;letter-spacing:.1em;animation:flash 4s infinite}.person{display:flex;align-items:center;justify-content:center;gap:10px;background:var(--fg);color:var(--bg);padding:clamp(9px,2vmin,17px);opacity:.4;animation:merge 4s infinite}.person small{display:block;color:var(--bg);font-size:max(10px,1vw,.7em);margin-top:3px}@keyframes joinLeft{0%,40%,100%{transform:translateX(0)}65%,85%{transform:translateX(12%);border-color:var(--accent)}}@keyframes joinRight{0%,40%,100%{transform:translateX(0)}65%,85%{transform:translateX(-12%);border-color:var(--accent)}}@keyframes flash{0%,40%,100%{opacity:.5}55%,80%{opacity:1}}@keyframes merge{0%,50%,100%{opacity:.7}65%,90%{opacity:1}}

고객 식별 연결은 서로 다른 ID가 같은 사람을 가리키는지 판정하는 과정입니다. 쿠키의 익명 방문 기록과 로그인 계정을 확실한 연결 신호가 있을 때 합칠 수 있습니다.

데모에서 분리된 방문 점과 계정 점은 로그인 이벤트가 들어오면 한 프로필 아래로 이동합니다. 단지 기기나 이름이 비슷하다는 이유만으로 결합하지 않습니다.

잘못 합친 프로필은 개인화와 측정을 모두 왜곡합니다. 확정적 연결과 추정 연결을 구분하고, 동의 범위와 연결 해제 절차를 남깁니다.

언제 쓰나

익명 방문부터 로그인 이후까지 이어지는 여정을 볼 때 사용합니다.

페이지로 열기 ↗