본문 바로가기
자동화 시스템

글 하나로 퍼널이 만들어지는 구조 공개

by 언즈플로우 2025. 4. 23.

자동화 시스템은 어떤 원리로 작동할까? 글 하나로 퍼널이 만들어지는 구조 공개

우리는 모두 알고 있습니다. ‘자동화’라는 단어는 더 이상 낯설지 않지만, 그 흐름이 어떻게 이어지고, 실제로 어떤 식으로 작동되는지를 정확히 아는 사람은 많지 않습니다.

저는 그 빈틈을 메우기 위해 이 글을 씁니다. 글을 쓰는 순간 카드뉴스가 자동으로 생성되고, 퍼널형 랜딩페이지에 자동 반영되며, 조회수까지 기록되는 시스템. 그 전체 구조를 오늘 하나씩, 뜯어서 설명해보려 합니다.



자동화 시스템의 핵심 흐름

자동화 시스템은 복잡해 보일 수 있지만, 전체적인 흐름은 단순합니다. Cloudflare Worker → Google Apps Script → Google Sheets → HTML 이 네 단계가 순차적으로 연결되어 데이터를 수집하고 가공하고 표시하는 구조죠.

사용자가 글을 쓰거나 링크를 입력하면, 그 글이 자동으로 썸네일/키워드와 함께 시트에 기록되고, HTML 페이지에 바로 노출되는 구조입니다. 사람은 글만 쓰면 되고, 나머지는 시스템이 처리합니다.

1단계 - Cloudflare Worker의 역할

이 시스템에서 첫 번째 관문은 Cloudflare Worker입니다. 사용자가 입력한 URL 또는 RSS를 받아서 해당 페이지의 HTML을 분석합니다. 이 과정에서 <img> 태그나 og:image 메타태그 등을 기준으로 썸네일을 추출합니다.

추출 요소 설명
썸네일 가장 먼저 등장하는 카카오 CDN 이미지 추출
키워드 제목 내 주요 단어를 필터링해 자동 구성
타입 YouTube 포함 여부로 card / youtube 자동 분류

💻 퍼널 자동화 시스템 쓰는 사람이라면
노트북 한대로 실현하는 디지털노마드의 시작!

🔍 쿠팡에서 상품 확인하기

* 이 포스팅은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다.

2단계 - Google Apps Script가 처리하는 일

Worker에서 추출된 데이터를 받아 실제 처리하는 파트가 Google Apps Script(GAS)입니다. GAS는 Web App 형태로 동작하며, 데이터를 JSON으로 받아 Google Sheets에 기록하고 조회수를 연동합니다.

  • 중복 기록 방지 로직 포함
  • 작성 시간, 조회수, 방문자 수 자동 기록
  • 시트의 행 데이터와 매칭해 조회수 반영

이 과정은 완전히 자동이며, 사람 개입 없이 퍼널의 뼈대가 구축되는 핵심 엔진입니다.

3단계 - Google Sheets가 데이터베이스가 되는 구조

자동화의 중심은 Google Sheets입니다. 이 시트는 일종의 데이터베이스 역할을 하며, HTML 페이지에 표시될 모든 콘텐츠를 담고 있습니다.

각 행은 하나의 콘텐츠를 의미하고, 열마다 다음과 같은 정보를 포함합니다:

  • 카테고리
  • 콘텐츠 제목
  • 썸네일 URL
  • 원본 링크
  • 자동 추출된 키워드
  • 콘텐츠 타입 (카드/유튜브)
  • 조회수

이 시트를 기반으로 HTML이 데이터를 호출해 구성됩니다. 즉, 단순히 시트를 수정하는 것만으로도 랜딩페이지의 모든 콘텐츠가 바뀌게 됩니다.

4단계 - HTML로 자동 랜더링되는 방식

HTML 페이지는 JavaScript 기반 fetch 요청으로 Google Sheets API를 통해 JSON 데이터를 불러옵니다. 이 데이터를 기반으로 자동으로 <div class="card"> 블록이 생성되어 카드 형태로 표시됩니다.

항목 설명
카드 썸네일 시트의 썸네일 주소를 img 태그에 삽입
카드 제목 콘텐츠 제목을 텍스트로 출력
클릭 시 이동 원본 링크로 이동 (target="_blank")

모든 데이터가 시트에 연결돼 있으므로, 새로운 글을 작성하고 시스템이 감지하면 자동으로 카드가 만들어지고, 조회수 반영까지 동기화됩니다. 실제로는 ‘자동 퍼널’ 그 자체입니다.

정리 및 다음 글 예고

지금까지 자동화 퍼널 시스템의 전반적인 흐름을 설명했습니다. 글 하나만 써도 콘텐츠가 자동 생성되고, 퍼널로 구성되어 유입과 기록, 전환까지 연결됩니다.

다음 회차에서는 자동 생성되는 카드 디자인을 실제 예시와 함께 소개할 예정입니다. 단순한 정사각형 카드가 아닌, 퍼널을 고려한 UI/UX 설계와 가독성 중심 구조까지 공개합니다.


자주 묻는 질문

자동화 시스템을 사용하려면 코딩 지식이 필요한가요?

아니요. 이미 세팅된 구조이기 때문에 글 작성만으로 자동 작동하며, 설치형 템플릿 형태로 제공됩니다.

자동화 구조에 문제가 생기면 어떻게 하나요?

Cloudflare Worker나 GAS Web App 설정 문제는 대부분 로그 기반으로 원인을 파악할 수 있으며, 기본적인 복구 가이드도 함께 제공됩니다.

티스토리 외 다른 플랫폼에서도 연동 가능한가요?

핵심은 RSS 또는 외부 링크 기반이기 때문에, 네이버 블로그나 워드프레스에도 일부 연동 가능합니다.

조회수 기록은 실시간으로 되나요?

네. 방문 시 `sendView()` 함수가 실행되어 GAS를 통해 시트에 기록됩니다. 중복 체크도 내장돼 있습니다.

Cloudflare Worker는 무료인가요?

네. 기본적으로 일일 트래픽 제한 범위 내에서는 무료이며, 개인 사용 수준에서는 충분히 커버 가능합니다.

이 시스템을 여러 블로그에 동시에 적용할 수 있나요?

가능합니다. 각 블로그마다 시트 주소만 다르게 세팅하면, 하나의 Worker로 다중 퍼널 운영도 가능합니다.


💻 퍼널 자동화 시스템 쓰는 사람이라면
노트북 한대로 실현하는 디지털노마드의 시작!

🔍 쿠팡에서 상품 확인하기

* 이 포스팅은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다.

오늘은 자동화 시스템의 핵심 구조에 대해 자세히 알아봤습니다. 단순한 편의 기능을 넘어서, 콘텐츠 제작과 유입 관리, 트래픽 분석까지 하나로 연결된 퍼널형 자동화 시스템이 어떻게 작동하는지 이해되셨길 바랍니다.

다음 회차에서는 실전에서 생성된 카드 디자인과 시각적인 요소들이 실제 콘텐츠에 어떤 영향을 주는지 분석해 보겠습니다. 궁금한 점이 있다면 댓글이나 메일로 언제든지 남겨주세요. 여러분과 함께 더 나은 자동화를 만들어가고 싶습니다.

🚀 자동화 시스템 체험하기

 

 

2025.04.23 - [자동화 시스템] - 글만 써도 자동 퍼널이 완성된다? 블로그 자동화 시스템 전격 공개

 

글만 써도 자동 퍼널이 완성된다? 블로그 자동화 시스템 전격 공개

글만 써도 자동 퍼널이 완성된다? 블로그 자동화 시스템 전격 공개블로그를 매일 운영하는 사람이라면 공감할 겁니다.카드뉴스 썸네일 만들고, 본문 정리하고, 링크 연결하고…시간은 시간대로

a3.achveons.com

2025.04.29 - [자동화 시스템] - 블로그 자동화 시스템 개발기 9탄

 

블로그 자동화 시스템 개발기 9탄

블로그 자동화 시스템 개발기 9탄: 실사용자가 경험한 극적인 변화혼자만 느꼈던 변화를, 드디어 다른 사람들도 느끼기 시작했습니다. 이건 단순한 개발기가 아니에요. 하나의 증명입니다.안녕

a3.achveons.com

2025.04.24 - [자동화 시스템] - 블로그 자동화 시스템, 클릭 몇 번으로 퍼널 완성된 후기

 

블로그 자동화 시스템, 클릭 몇 번으로 퍼널 완성된 후기

블로그 자동화 시스템, 클릭 몇 번으로 퍼널 완성된 후기블로그 자동화 시스템을 만들면서 스스로에게 가장 먼저 던진 질문은 이거였다. "정말 글만 쓰면 퍼널이 자동으로 완성될까?" 지금 3탄까

a3.achveons.com