톡탁(TokTak) 서비스 분석서

1. 서비스 개요

• •서비스명: 톡탁(TokTak)
• •슬로건: "링크 하나로, 마케팅 끝." / "톡 누르면, 수익이 탁"
• •핵심 가치: URL만 넣으면 영상·이미지·글을 AI가 만들고 바로 업로드
• •운영사: 보다플레이(주), 대표 모영일
• •기술 스택 (원본): Next.js (React), AWS 호스팅
• •타겟 사용자: SNS 마케터, 이커머스 셀러, 크리에이터, 인플루언서

2. 핵심 기능 분석

2-1. URL 기반 AI 콘텐츠 자동 생성

• •상품 URL 또는 상품명 입력
• •지원 소스: 도매꼭/도매매, 쿠팡, 알리익스프레스, 스마트스토어 등
• •AI가 상품 정보를 스크래핑/분석
• •영상, 이미지, 텍스트 콘텐츠 자동 생성
• •에이전트 모드: 자동 콘텐츠 생성 모드
• •간편/전문가 모드 선택 가능
• •크레딧 기반 생성 (생성하기 ⚡ 6)

2-2. 비디오 에디팅 모드

• •템플릿으로 만든 영상을 직접 편집
• •원하는 결과물로 완성 가능

2-3. 프롬프트 AI 콘텐츠 만들기

• •프롬프트 입력으로 나만의 이미지/영상 생성

2-4. SNS 채널 연결 및 자동 업로드

• •지원 SNS: YouTube, Blog(네이버), TikTok, Instagram, X(Twitter)
• •SNS 채널을 톡탁에 등록
• •한 번의 업로드로 7개 SNS 채널에 동시 공유
• •자동 업로드, 게시물 수정, 임시저장 기능
• •직접 만든 콘텐츠도 업로드 가능

2-5. 멀티 링크 생성

• •유튜브, 인스타그램, 블로그, 틱톡 등 다양한 채널 링크를 하나로 묶기
• •링크 순서 자유롭게 조정
• •상품 연결 가능
• •나만의 브랜드 쇼핑몰 생성

2-6. 맞팔해요

• •SNS 계정 팔로우 교환 기능
• •SNS 계정 성장 지원

2-7. 톡탁 확장 프로그램 (Chrome Extension)

• •링크 분석기 다운로드
• •외부 정책 제한 우회
• •링크를 정확하고 안정적으로 불러옴

2-8. 수익화 시스템

• •멀티링크를 통한 수익화
• •파트너스 가입 → 파트너스 링크로 콘텐츠 생성 시 수익 발생
• •알리 링크 → 쿠팡 링크 변환으로 이중 수익화 (200% 활용)
• •기존 콘텐츠에 수익 링크 적용 가능

2-9. 내 콘텐츠 관리

• •생성한 모든 콘텐츠 관리
• •업로드 이력 확인

2-10. 다국어 지원

• •한국어, 영어, 일본어, 중국어, 베트남어, 인도네시아어 등
• •"언어를 바꾸면 세상이 바뀝니다" - 다국어 콘텐츠 생성

3. 비즈니스 모델

• •크레딧 시스템: 콘텐츠 생성 시 크레딧 소모
• •무료 체험: 30크레딧 & 첫 결제 0원
• •유료 요금제: 다양한 요금제 플랜 (₩0 ~ ₩89,900)
• •파트너스 수익 공유: 어필리에이트 수익 모델

4. UI/UX 구조

사이드바 네비게이션

1. 시작 (홈/대시보드)
2. 내 콘텐츠
3. 멀티링크
4. 맞팔해요
5. 서비스 가이드북
6. 요금제
7. 고객센터
8. 알림
9. Login

메인 페이지 구조

• •상단 프로모션 배너 (30크레딧 혜택)
• •중앙 입력창 (상품 URL/상품명 입력)
• •생성하기 버튼 (크레딧 표시)
• •에이전트 모드 토글
• •샘플 링크 보기
• •AI 생성 콘텐츠 미리보기 (SNS별 미리보기)
• •다국어 콘텐츠 전환 데모
• •고객 후기/평점 (5성 리뷰)
• •CTA 영역

5. 기술 아키텍처 (추정)

프론트엔드

• •Next.js (React) 기반 SPA
• •Flowbite UI 컴포넌트 라이브러리
• •다크모드 지원
• •반응형 디자인 (모바일 최적화)

백엔드

• •Next.js API Routes 또는 별도 백엔드
• •Google OAuth, Facebook OAuth 로그인
• •Socket.io (실시간 통신)

외부 서비스

• •AWS 호스팅
• •Google Tag Manager / Analytics
• •Facebook Pixel
• •TikTok Analytics
• •Socket.io CDN

AI/ML

• •상품 페이지 스크래핑 + 분석
• •이미지 생성 (AI)
• •영상 생성 (AI)
• •텍스트/카피 생성 (AI)
• •다국어 번역

6. 클론 프로젝트 기술 스택 (PHP + MySQL)

프론트엔드

• •HTML5 + CSS3 + JavaScript
• •Tailwind CSS (UI 프레임워크)
• •Alpine.js (리액티브 UI)
• •HTMX (동적 컨텐츠 로딩)

백엔드

• •PHP 8.2+ (Laravel 또는 순수 PHP MVC)
• •MySQL 8.0+
• •Redis (캐시/세션/큐)
• •Composer (패키지 관리)

AI 연동

• •OpenAI API (GPT-4 텍스트 생성)
• •DALL-E / Stable Diffusion (이미지 생성)
• •FFmpeg (영상 생성/편집)

SNS API 연동

• •YouTube Data API v3
• •Instagram Graph API
• •TikTok API
• •Twitter/X API v2
• •Naver Blog API

인프라

• •Docker + Docker Compose
• •Nginx (웹서버)
• •AWS (EC2/RDS/S3) 또는 동등 클라우드

7. 실제 사용 테스트를 통한 상세 워크플로우 분석

콘텐츠 생성 파이프라인 (상세)

Step 0: URL 입력

• •메인 페이지 중앙에 상품 URL 또는 상품명 입력 필드
• •"생성하기 ⚡ 6" 버튼 (6크레딧 소모)
• •"에이전트 모드" 토글 (자동/수동 모드 선택)
• •"샘플 링크 보기" 기능

Step 1: 커스텀 콘텐츠 만들기 모달

• •콘텐츠 유형 선택: 비디오 / 이미지 / 블로그
• •비디오: AI 프로 모드 / AI 간편 모드
• •이미지: "곧 출시 예정"
• •블로그: "곧 출시 예정"
• •이미지 템플릿 선택: 노트필기형 / 블러이미지형 / 상품이미지형
• •"콘텐츠 생성" 버튼

Step 2: 영상 만들기 - 템플릿 선택

• •URL: /create?batchId={id}
• •영상 길이 선택: ~15s / ~30s / ~60s
• •다양한 영상 템플릿 갤러리 (음식, 패션, 뷰티, 라이프스타일 등)
• •커스텀 템플릿 (자유롭게 콘텐츠 구성)
• •"AI 추천 스타일 선택" 버튼
• •"다음 >" 버튼

Step 3: 영상 만들기 - 상세 설정 (step=2)

• •링크: 자동으로 톡탁 단축 URL 생성 (https://s.toktak.ai/{code})
• •스크립트 생성:
• •말하기 속도 조절 (1x, 1.5x, 2x)
• •"AI 자동 스크립트 생성하기" 버튼 → 3개 섹션의 나레이션 스크립트 자동 생성
• •직접 작성한 스크립트도 입력 가능
• •자막 스타일:
• •위치: 상단 / 중앙 / 하단
• •브랜드 색상 선택
• •10+ 자막 폰트 스타일
• •내레이션 음성:
• •여성: 다큐 내레이션 성우, AI 비서, 광고 내레이션 성우, 유치원 선생님, 뉴스 앵커, 친절한 상담원
• •남성: 금융 크리에이터, 라디오 DJ, 전문 강사, 비즈니스 발표자
• •배경음악:
• •기본 제공 BGM 라이브러리 (Trimmed & Taught, Tonto, The Gentlemen 등)
• •MP3 직접 업로드 가능
• •저장팀 (즐겨찾기) 기능

Step 4: AI 분석 & 콘텐츠 생성 (/analys?batchId={id})

• •4단계 파이프라인:

1. 상품 링크 분석 중 ✅
2. COMMENT 생성 ✅
3. HASHTAG 추출 ✅
4. 바이럴 콘텐츠 생성 (0% → 100% 프로그레스)

• •생성 시간: 약 2-3분
• •로딩 중 고양이 애니메이션 표시

Step 5: 콘텐츠 생성 결과

• •VIDEO 섹션:
• •자동 생성된 세로형 영상 미리보기
• •Title (영상 제목)
• •Comment (SNS 게시물 텍스트 + 단축 링크 + 상품 정보)
• •Hashtag (관련 해시태그 자동 생성)
• •다운로드 버튼
• •업로드 설정 / 수정 버튼
• •IMAGE 섹션:
• •4장의 SNS용 이미지 카드 (1/4)
• •각 이미지에 캐치프레이즈 텍스트 자동 배치
• •SNS별 미리보기 아이콘 (YouTube, Instagram, Facebook, TikTok, Threads, X)
• •BLOG 섹션:
• •자동 생성된 블로그 포스트 (제목 + 본문)
• •상품 이미지 포함
• •펼쳐보기 기능
• •blog 미리보기
• •하단 버튼:
• •"임시 저장"
• •"한번에 업로드" (모든 SNS에 동시 업로드)
• •"톡! 한 번에 콘텐츠 업로드" (상단 CTA)

핵심 기술 구현 포인트 (클론 개발용)

1. 상품 URL 스크래핑 엔진: 쿠팡/알리/스마트스토어 등 상품 페이지 파싱 → 상품명, 가격, 이미지, 설명 추출
2. AI 스크립트 생성: 상품 정보 기반 나레이션 스크립트 자동 생성 (3섹션 구조)
3. AI 영상 생성: 상품 이미지 + 텍스트 오버레이 + TTS 음성 + BGM → 세로형 영상 합성
4. AI 이미지 생성: 상품 이미지 + 마케팅 카피 → SNS용 이미지 카드 4장 생성
5. AI 블로그 생성: 상품 기반 SEO 최적화된 블로그 포스트 자동 작성
6. 단축 URL 시스템: 상품 링크 → s.toktak.ai/{code} 변환 + 클릭 추적
7. 배치 처리 시스템: batchId 기반 콘텐츠 생성 작업 관리
8. 실시간 진행률: Socket.io를 통한 생성 진행률 실시간 표시
9. SNS 일괄 업로드: 한 번에 여러 SNS 채널에 동시 업로드
10. 크레딧 시스템: 생성 시 크레딧 차감, 잔액 관리