본문 바로가기

반응형

web

(3)
[Web] http referrer 이해하기 유입 분석의 첫 단계는 어느 경로를 통해 해당 웹사이트에 방문했는지 아는 것이다. URL(Uniform Resource Locator) 구조 URL이란? 속성 설명 hostname 도메인을 의미한다. path(/) 경로를 가리키며 대부분의 URL은 hostname과 path로 이루어져 있다. query parameter(?) ?뒤에 오는 부분을 의미한다. key=value 형태이며 여러 개일 경우, &로 구분한다. UTM이 query parameter를 이용한다. fragment(#) 해시 또는 앵커라고도 부른다. 특정 ID를 링크로 걸거나 페이지의 state를 나타내기 위해 사용한다. URL 정보에서 주목해야할 점은 바로 query parameter 부분이다. 리퍼러(Referrer) 웹 브라우저로 서..
[Web] CTA(Call To Action) CTA(Call To Action) Call to action(marketing) 위키백과 CTA는 즉각적인 반응을 유도하거나 판매를 유도하는 디자인에 대한 마케팅 용어이다. 즉 사용자들이 구매, 구독, 예약 등 비즈니스 목표에 맞는 행동을 취하도록 유도하는 기능이다. 주로 클릭할 수 있는 버튼 형태의 텍스트, 이미지 등으로 되어 있다. CTA 제작 동작 단어를 사용하기 구매, 장바구니에 추가, 주문, 체험, 시작하기, 가입하기, 다운로드, 더 알아보기, 위로 올리기, 계속, 더보기 1인칭으로 작성하기 짧고 단순하기 작성하기 고객의 필요를 이해하기 CTA를 찾기 쉽게 만들기 색상, 크기 대조를 통해 버튼을 전략적으로 설계 Reference https://ko.wix.com/blog/post/call-to..
[Web] cookie Cookie 쿠키는 name, value 형태로 클라이언트(client)에 저장되는 작은 데이터 파일이다. 서버에서 HTTP response header에 Set-Cookie 속성으로 클라이언트에 정보를 제공한다. Set-Cookie: = 쿠키 정보로 이름, 값, 만료 날짜/시각(쿠키 저장 기간), 경로 등을 포함한다. 쿠키는 클라이언트의 상태정보를 로컬(local)에 저장했다가 요청(request)할 때 참조된다. 서버측에서 만료기간을 지정하여 정해진 기간동안 상태 정보를 유지할 수 있다. 예) 로그인 상태 유지 개발자 도구를 통해 실제 쿠키 데이터를 확인해보자. 개발자 도구(command+shift+I) -> Application -> Storage -> Cookies Session Cookie vs..

반응형