CTA 링크
서버 페이지 안에서 클릭을 측정하는 next/link 래퍼예요. 생김새는 Button과 같아요.
모바일PCCtaLink
누르면 실제로 다른 페이지로 이동하고 분석 이벤트를 보내요. 생김새는 버튼 문서의 예시와 같아요.
고르기#
- 이 이름은 상세 링크(DetailLink)에 합쳤어요. 모양은 그대로이고, 새로 쓸 때는 정본을 써요.
상세 링크 문서 보기 →
인터페이스#
타입에서 자동으로 뽑은 표예요.
CtaLink#
| 속성 | 기본값 | 타입 | 설명 |
|---|---|---|---|
| warm | - | boolean | 눌리기 전에 미리 당기지 않을 때만 끈다(목록이 아주 길고 오탭이 잦은 자리). |
| track | - | { where: string; what: string; to?: string; } | 클릭을 cta_click으로 센다(옛 CtaLink). ★한 번만 센다 - data-cta-own을 달아 LinkClicks(허브·인사이트 위임 리스너)가 |
| row | - | boolean | 표 행 이름 링크(옛 RowLink) - 행(div role=button tabIndex 0)이 이동을 맡고, 이 링크는 **크롤러가 따라갈 <a href>**만 준다. |
| where* | - | string | |
| what* | - | string |
이 밖에 감싼 요소의 HTML 속성 298개를 그대로 받아요.
* 필수예요. 표는 타입에서 자동으로 뽑았어요.
접근성#
- 보통 링크(a href)라 Tab으로 오고 Enter로 열려요.
플랫폼별 차이#
| 플랫폼 | 차이 |
|---|---|
| 모바일 | PC와 같은 모양이에요. 글자 역할만 폰 크기로 바뀌어요. |
| PC | 마우스가 있는 기기에서만 hover가 켜지고, 키보드 초점 링이 보여요. |