5-4 우피(Oopy) 소개 및 클릭률 측정법

pjye 2026. 2. 9. 17:30

1. 우피(Oopy)란 무엇인가?

노션 페이지를 1분 만에 실제 웹사이트로 변환해주는 노코드(No-Code) 서비스입니다.

1) 우피 연동 후 장점

깔끔한 우피 도메인
고급 커스터마이징 (CSS, JS)
상세한 통계 (Google Analytics 연동)
SEO 자동 최적화
빠른 로딩 속도
모바일 최적화 강화

2) 우피로 만들 수 있는 것들

유형	용도	예시
랜딩페이지	제품/서비스 소개	신제품 출시 페이지
블로그	콘텐츠 마케팅	기업 블로그
포트폴리오	개인 브랜딩	디자이너 포트폴리오
이벤트 페이지	프로모션	할인 이벤트 안내
회사 소개	기업 홍보	스타트업 소개

2. 우피가 필요한 이유

1) 이유 1: 전문성 향상

2) 이유 2: 실시간 동기화 -> 노션 편집 → 웹사이트 자동 반영

3) 이유 3: 모바일 최적화 강화

4) 이유 4: 통계 & 분석

- 우피 + Google Analytics

실시간 방문자 수
유입 경로 (SNS, 검색, 직접)
체류 시간, 이탈률
클릭 히트맵
전환 추적

5) 이유 5: SEO 최적화

- 우피가 SEO를 위해 자동으로 해주는 것

메타 태그 최적화
빠른 로딩 속도
모바일 친화성
구조화된 데이터

3. 우피 연동 프로세스

1) 노션 페이지 웹 퍼블리싱

노션에서 공개할 랜딩페이지 열기 → 우측 상단 ‘공유’ 버튼 클릭 → ‘게시’ 탭에서 ‘게시’ 선택
게시’를 누르면 자동으로 링크 생성 → 링크 복사 → 다른 브라우저에서 접속 시 페이지 보이는지 확인

2) 우피 가입 및 로그인

3) 새 사이트 생성

- 커스텀 사이트 도메인 입력

공식 계정일 시, 브랜드명 사용 권장
간결하고 기억하기 쉽게
브랜드명과 일치시키기

4) URL 확인

- 최종 URL 확인 : 이 링크는 현업에서 사용 가능합니다.

고객에게 공유
SNS에 게시
명함에 인쇄
이메일 서명에 추가

4. 우피 기능 소개

1) SEO 설정 커스터마이징

- 페비콘(Favicon) 설정

브라우저 탭에 보이는 작은 아이콘을 브랜드 로고로 설정 가능

- 공유 시 이미지(OG 이미지) 설정

카카오톡, 페이스북에 링크 공유 시 보이는 썸네일 이미지 설정 (SEO에 중요한 부분)

- SEO에 필요한 검색 엔진 허용/사이트맵 자동 생성

사이트맵은 웹사이트의 페이지 목록을 체계적으로 나열한 파일
검색 엔진이 웹사이트의 구조를 더 효율적으로 이해하고 모든 페이지를 찾도록 돕는 '지도' 역할
홈페이지 개발했다면 사이트맵을 별도 생성해야 하지만, 자동 생성

2) 스타일 변경

- CTA 버튼 추가

스크롤 할 때 함께 움직이는 Sticky CTA 버튼 추가 가능
색상, 크기 등 스타일 조정 가능

- 색상 테마 변경

- 홈페이지 폰트 일괄 변경

- 홈페이지 상단에 표시되는 기능 on/off

- 갤러리/이미지/콜아웃 모서리 둥글기 조절

- 페이지 너비(내용이 노출되는 크기) 조절

- 계절별 특수 효과

- 스크롤 프로그래스 바 추가

화면 스크롤 진행 정도 표시 가능

- 페이지 맨 위로 버튼 추가

- 페이지뷰 카운트 버튼 추가

일간 방문자수 랜딩페이지에서 확인 가능

3) 플러그인 연동

플러그인 연동을 해야 방문자 추적 등 데이터베이스를 확인할 수 있습니다.

- Google Analytics 연동

Google Analytics 계정 생성 → GA 대시보드에 접속 → Admin 메뉴 클릭 → Setup Assistant 클릭 → Tag installation 항목 접근 → 내 우피 홈페이지 주소와 일치하는 데이터스트림을 클릭 → MEASUREMENT ID 복사 → 우피에 입력
실시간 방문자 수, 일별/주별/월별 트래픽, 유입 경로, 체류 시간, 이탈률, 디바이스(모바일/데스크톱), 지역별 방문자 등 데이터 확인 가능

- Facebook Pixel 연동

현재는 메타 픽셀
웹사이트에 설치하는 코드 조각
광고를 통해 방문한 사용자의 행동을 추적하고 광고 성과를 측정하는 데 사용
웹사이트 방문자의 행동 분석, 전환 추적, 맞춤 타겟 생성, 리타게팅 광고 등이 가능

- 채널톡 연동

채널톡이란, 웹사이트에 채팅 기능을 추가하는 서비스
채널톡 ID 연동하면 랜딩페이지에 채팅 기능 추가

- Google Adsense 연동

우피 서브 도메인이 아니라, 원 도메인으로 심사를 통과한 구글 애드센스 계정이 있다면 해당 계정을 활용하여 랜딩페이지에 광고를 붙일 수 있음

- Kakao 채널 연동

카카오톡 채널을 이용하면 랜딩사이트에 카톡 문의 기능을 추가할 수 있음

4) 페이지뷰 확인

- 최근 한 달 동안의 페이지뷰 통계

페이지뷰는 자동으로 추적되며, 이를 콘솔에서 확인 가능
30일 동안만 데이터 저장

- 페이지뷰 Top 10

페이지뷰 점유율 상위 10개의 페이지를 보여줌

- 페이지뷰 유입경로 (Pro only)

5. Short.io로 클릭률 체크하기

1) Short.io란?

링크 단축+클릭률 추적 서비스입니다.

무료 버전으로 사용 가능합니다.

생성 가능한 도메인 수가 한 달에 5개입니다.
생성 가능한 링크 수는 한 달에 1,000개입니다.

2) Short.io 장점

원래 현업에서는 단순 클릭수 트래킹은 비틀리, 구체적인 분석은 GA4를 사용합니다.

다만, 비틀리가 무료 버전 정책이 바뀌어 클릭수가 제공되지 않아 무료 버전으로 사용해 보실 수 있는 툴을 추천드립니다.

링크가 짧아서 공유하기 쉬움
클릭 수 실시간 추적
무료로 사용 가능
QR 코드 자동 생성

3) Short.io 사용 방법

- Short.io 가입

구글 계정으로 사용하면 편리

- 링크 단축

상단 링크 입력창에 링크 넣으면 바로 단축 링크 생성
좀 더 정밀 분석을 원한다면, UTM Builder 사용 (유료 버전에서만 가능)

- 단축 링크로 채널별 배포

Instagram 바이오
페이스북 포스트
트위터/X
이메일 뉴스레터
카카오톡 메시지
QR 코드 (명함, 포스터)

- 링크 공유 후 → 즉시 클릭 수 반영 → 마케팅 효과 실시간 측정 가능

4) Short.io 활용 전략

- 전략 1: 채널별 링크 생성

각 마케팅 채널에 다른 단축 링크 사용
Instagram, Facebook, Newsletter, Blog
어느 채널이 효과적인지 클릭수를 통해 파악
예산을 효과적인 채널에 집중

- 전략 2: A/B 테스트

같은 페이지, 다른 카피로 랜딩페이지 제작
각 랜딩페이지마다 링크 생성
카피 A: "AI로 10배 빠르게" 카피 B: "AI로 비용 90% 절감"
1주일 후 클릭 수 비교
효과적인 카피 채택

※ 본 글은 학습을 목적으로 작성된 게시물로, 특정 브랜드·제품·서비스명이 언급될 수 있습니다. 이는 순수한 예시일 뿐이며, 상업적 목적은 전혀 없음을 밝힙니다.