💡 기술적 인사이트
CMS 컬렉션 생성 및 관리
- 이름 : articles, team, products 등
1. 서브 텍스트, 부제목
2. 상품 정보
3. 배송일, 소비기한 등
4. 이미지 / 디폴트 이미지도 설정 가능
5. 여러가지 이미지 추가 가능
6. 원하는 조건의 상품을 보여줄 때 사용
7. 상품 고유 번호 : 무조건 존재되어야함
- 페이지 안에서 속성 추가하는 법
- 컬랙션을 도형 안에 넣는 방법
- 스타일을 일정하게 지정하는 방법
- Color : 유저가 입력할 때 보이는 컬러
- Placeholder : 입력 전에 보이는 컬러
- 모든 버튼은 눌렀을 때 상태값 변화 조회 가능
| 실험 내용 | 적합도 |
|---|---|
| 버튼 텍스트 변경 | 매우 적합 |
| 배경색, 텍스트 색 변경 | 적합 |
| CTA 위치 변경 | 다소 불안정 |
| Hero 이미지 교체 | 가능하지만 로딩 이슈 유의 |
| 탭, 슬라이더 변경 | 부적합 (렌더 타이밍 문제 발생 가능) |
- 구글 스프레드시트 등으로 연동이 가능
CMS 필터
- 필터 만들기 : 각 요소마다 어떤 형식으로 보이게 할지 선택할 수 있다
- 다수의 필터 적용이 가능하다
- 미리 보기 제공 갯수 정하기
- 차순 선택하기
CMS 페이지 만들기
- 기초 재료로 상세 페이지로 만들기
- 페이지 워프 설치
- 조건부 랜더링 설치
CMS 페이지 만들기
- 서로 다른 CMS 연결하기
- 조건 선택하여 입력하기
- 도형 안에 연결된 데이터 넣기
CMS 사용자 통계 보기 - GA
도입·운영 관점 핵심
퍼블리시와 동시에 작동하는 자동 수집 구조
외부 스크립트 미사용 → 광고 차단 영향 최소화
개인정보는 익명 처리 → 쿠키 동의 절차 없이 활용 가능
추가 비용·설정 없이 기본 제공 기능으로 즉시 사용
→ “분석 시작까지의 진입 장벽을 제거한 도구”
확인 가능한 데이터 범위
방문 규모: 고유 방문자, 전체 조회 수
행동 신호: 이탈률, 체류 시간
실시간성: 현재 활동 중인 사용자 흐름
→ 정교한 이벤트 분석보다 사이트 전반의 건강도 체크에 초점
분석 활용 관점
기간 단위 비교를 통한 추세 확인
유입 경로·페이지·디바이스·국가 기준 분해
마케팅 태그 기반 유입 성과 간단 비교
→ “왜 늘었는지/줄었는지”를 빠르게 가설화 가능
필터링의 의미
단일 조건이 아닌 복합 조건 분석 가능
특정 환경(디바이스·소스 등)에 따른 행동 차이 분리 관찰
필요 없는 조건은 즉시 제거 가능
→ 문제 구간을 좁히는 데 적합
GA4
Framer에서 바로 시작
퍼블리시 즉시 작동하는 내장 분석 기능으로 별도 설치 없이 데이터 확인
방문자 수, 페이지 뷰, 이탈률, 체류 시간 등 기본 흐름 파악에 필요한 핵심 지표 제공
광고 차단, 쿠키 이슈 없이 가볍게 사이트 반응을 확인하는 용도에 최적
초기 사이트/개인 프로젝트 단계에서 “사람들이 어디서 머물고 어디서 나가는지”를 빠르게 파악
→ Framer만으로도 최소한의 사용자 행동 해석은 가능하다는 인식 형성
Framer 한계를 보완하는 이벤트 기반 정밀 분석
Framer 기본 분석으로 부족한 행동 단위(클릭, 폼 제출 등)를 이벤트로 수집
GA4 연동 시
유입 경로, 페이지 이동, 이벤트가 자동으로 구조화
퍼널, 전환 흐름 등 전환 중심 분석 가능
고급 이벤트 설계(GTM, Custom Code)는 확장 단계에서 선택
현재 단계에서는 전환 흐름을 해석하는 사고 훈련이 우선
→ 도구 추가의 목적은 “데이터 증가”가 아니라 “의사결정 정확도 향상”
분석 유형
| 구분 | 내용 |
|---|---|
| 기본 보고서 | 실시간 현황, 유입 경로, 이벤트 등 전체 지표 개요 확인 |
| 탐색 리포트 | 퍼널·경로·세그먼트 등 목적에 맞춘 맞춤형 분석 및 시각화 |
| 실습 예시 | 퍼널 분석 / 사용자 행동 경로 추적 / 세그먼트 비교 |
