Page DeltasPage Deltas

가이드

Zapier 또는 n8n으로 웹사이트 변경 알림을 자동화하는 방법

Page Deltas의 변경 웹훅을 Zapier나 n8n으로 라우팅하여 CRM, Jira, Notion, 이메일로 전달하세요. AI 필터링 지원. 무료 플랜, 카드 등록 불필요.

무료로 모니터링 시작하기요금 보기

Page Deltas에 중요한 것 알리기

Hubspot 가격이 변경되면 알림

https://www.hubspot.com/pricing
HubSpot 가격 페이지 — 월 792유로부터 시작하는 Professional 플랜
PDPage DeltasApp지금

🔔 https://www.hubspot.com/pricing에서 변경 감지:
Professional 플랜의 가격이 €749/mo에서 €792/mo(으)로 올랐습니다.

경쟁사가 Pro 플랜의 가격을 월 29달러에서 39달러로 인상했다고 가정해 보겠습니다. 변경 사항 감지 도구가 이를 즉시 포착합니다. 하지만 그 후 누군가 변경 요약을 Notion 페이지에 복사하고, Jira 티켓을 수동으로 생성한 뒤, Slack을 통해 스크린샷을 영업팀에 전달합니다. 딜 데스크(deal desk)에서 이 소식을 접할 무렵에는 이미 팀원의 절반이 사내 대화에서 왜곡된 소문을 먼저 들은 상태가 됩니다.

수동으로 진행되는 복사 및 붙여넣기 단계야말로 업무 프로세스가 끊어지는 주원인입니다. 여러분은 이미 CRM 업데이트, 티켓 생성, 정기 요약 발송을 위해 Zapier나 n8n을 적극 활용하고 있을 것입니다. 지금 필요한 것은 자동화 도구들이 즉각 수신하고 처리할 수 있는, 웹페이지 모니터로부터의 깔끔하고 구조화된 이벤트 데이터입니다.

저는 Page Deltas를 개발하고 있으므로, 아래에서 Visualping과 비교할 때 이 점을 감안해 주시기 바랍니다. Page Deltas는 공개 웹페이지를 모니터링하고, AI 브리프(지침)로 불필요한 노이즈를 걸러내며, 조건이 일치할 때 서명된 JSON 웹훅을 POST로 전송합니다. 현재 Zapier 앱스토어에 Page Deltas 전용 네이티브 앱은 없습니다. 표준 접근 방식은 범용 웹훅 채널을 생성하여 Zapier의 Catch Hook이나 n8n의 Webhook 노드로 연결한 뒤, 기존의 자동화 워크플로를 트리거하는 것입니다. 이 글에서는 그 전체 설정 과정을 안내합니다.

단순한 채팅 알림만으로는 부족한 이유

담당자 한 명이 변경 사항을 가볍게 훑어보는 용도라면 Slack(또는 Teams, Discord)으로도 충분합니다. 하지만 동일한 변경 이벤트가 세 개의 서로 다른 시스템에 동시에 반영되어야 하는 순간 한계에 부딪힙니다. 영업팀은 CRM 계정 레코드에 메모가 남기를 원하고, 운영팀은 변경 전후 스크린샷이 첨부된 티켓을 필요로 하며, 경영진은 하루 스무 번 울리는 산만한 알림 대신 주간 요약 보고서만을 원합니다.

각각의 대상을 일일이 수동으로 연결할 수도 있지만, 알림을 단일 이벤트로 취급하고 Zapier나 n8n이 알아서 각 시스템으로 전달하도록 구성하는 편이 훨씬 효율적입니다. Page Deltas는 무료 플랜을 포함한 모든 요금제에서 Slack, Discord, Teams, 이메일 및 서명된 웹훅을 기본 지원합니다. 단순한 채팅 채널 알림만 필요하다면 당사의 Slack 연동 가이드로 충분하지만, 본 글은 알림을 통해 체계적인 비즈니스 워크플로를 구동해야 하는 상황을 다룹니다.

Visualping은 Zapier 및 n8n 템플릿 허브를 폭넓게 제공하며, 모든 요금제에 n8n 연동을 포함하고 있습니다. Visualping 무료 티어에서는 5개 페이지, 월 150회 검사, 최소 60분의 점검 간격과 함께 웹훅이 제공되지만, Slack과 Teams 연동은 Business 티어 이상에서만 가능합니다. 반면 Page Deltas Free 플랜은 신용카드 없이도 10개 URL 모니터링, 최선 노력 기반의 무제한 검사, AI 필터링 및 요약, 그리고 Slack, Teams, Discord, 이메일, 웹훅을 모두 지원합니다. 픽셀 영역 기반의 이미지 비교를 중시한다면 Visualping을, AI 기반 브리프와 무료 채팅 채널 연동을 원한다면 저희를 선택하세요.

전송되는 웹훅 데이터의 구조

알림 채널은 조직(Organization) 단위로 관리됩니다. 새로운 모니터에 적용될 기본 채널을 지정할 수 있으며, 개별 모니터마다 원하는 채널로 재정의할 수도 있습니다. 자동화를 위해서는 'Generic webhook(범용 웹훅)' 채널을 추가하고 Catch Hook 또는 n8n의 엔드포인트 URL을 입력하세요. 각 필드에 대한 상세 사양은 채널 연동 문서에서 확인할 수 있습니다.

AI 필터링을 통과한 유의미한 변경이 감지되면 Page Deltas는 다음과 같은 JSON 형식으로 POST 요청을 보냅니다:

POST <your URL>
Content-Type: application/json
X-Signature: sha256=<hex>
{
  "event": "change.detected",
  "monitor_id": "...",
  "monitor_url": "https://example.com/pricing",
  "monitor_name": "경쟁사 가격 페이지",
  "change_id": "...",
  "detected_at": "2026-06-01T12:00:00Z",
  "summary": "Pro 플랜이 월 29달러에서 39달러로 인상되었습니다.",
  "before_screenshot_url": "https://.../before.png",
  "after_screenshot_url": "https://.../after.png",
  "dashboard_url": "https://app.pagedeltas.com/monitors/..."
}

summary 는 자연어로 작성된 요약문으로, 티켓 제목이나 CRM 활동 메모에 바로 매핑하기에 적합합니다. 스크린샷 URL과 dashboard_url 은 티켓 첨부 자료나 Notion 임베드 링크로 활용할 수 있습니다. X-Signature 는 채널 생성 시 최초 1회만 제공되는 비밀 키를 사용하여 원본 바디(raw body)를 HMAC-SHA256으로 해싱한 값입니다. JSON을 파싱하기 전 원본 바이트에 대해 해시 검증을 수행해야 서명 불일치 오류를 방지할 수 있습니다.

웹훅 발송은 채널당 1회만 시도되며 자동 재시도는 지원되지 않습니다. 수신 서버가 지체 없이 응답하도록 구성해야 하며, 절대 놓쳐선 안 되는 핵심 페이지의 경우 Zapier의 일시적인 장애에 대비해 서로 다른 유형의 보조 채널(웹훅과 이메일 병행 등)을 함께 등록해 두는 것이 안전합니다.

Page Deltas 모니터링 먼저 설정하기

Zapier나 n8n을 구성하기 전에 Page Deltas 측의 모니터링 설정을 먼저 완료하세요. 그렇지 않으면 아직 한 번도 발동하지 않은 모니터를 상대로 비어 있는 Zap을 디버깅하느라 시간을 허비하게 됩니다.

  1. 무료 계정을 생성하고 Channels 메뉴를 엽니다. 사람이 직접 확인할 용도로 Slack이나 이메일을 등록한 뒤 Generic webhook 채널을 추가합니다. 아직 Catch Hook URL을 생성하지 않았다면 잠시 비워두고, 아래 Zapier 또는 n8n 설정 단계 완료 후 붙여넣으세요.
  2. 추적할 웹페이지(가격표, 변경 로그, 채용 공고, 이용약관, 공급업체 상태 페이지 등)에 대한 모니터를 생성합니다. 알림을 받아야 할 핵심 변경과 무시할 항목을 명시하는 간결한 브리프를 작성하세요. 필터 가이드 문서에서 지침 적용 원리를 설명합니다. 명확한 제외 조건을 설정하지 않으면 평온한 페이지에서도 타임스탬프, 연관 게시물, 쿠키 배너 등으로 인한 노이즈가 발생합니다.
  3. 해당 모니터에 웹훅 채널을 연결합니다(또는 조직 기본 설정을 사용합니다). Catch Hook이나 n8n URL을 저장한 후 채널에서 'Send test'를 클릭하여 실제 변경이 발생하기 전에 데이터 전송이 원활한지 확인합니다.
  4. 필요하다면 동일한 모니터에 Slack 알림을 유지하세요. 사람은 채팅으로 확인하고, 자동화는 웹훅으로 처리하는 방식이 Zapier를 통해 메시지를 Slack으로 재전송하는 것보다 훨씬 깔끔합니다.

Free 플랜은 10개 URL(사이트맵은 1개로 계산), AI 필터링 및 요약, REST API 및 MCP 지원, 무제한 팀원, 14일간의 이력 보관을 제공합니다. 유료 요금제는 등록 가능한 URL 한도를 대폭 확장합니다(Starter: 월 $29에 150개, Pro: 월 $79에 1,000개, Business: 월 $199에 5,000개, Scale: 월 $499에 20,000개, Enterprise: 맞춤형). 현재는 공개 페이지만 모니터링할 수 있으며 로그인 인증이 필요한 페이지는 로드맵에 예정되어 있습니다. 점검 주기는 적응형(Adaptive)으로 작동하며, 큐가 붐빌 때는 유료 플랜이 우선순위를 갖습니다.

Zapier 또는 n8n에서 웹훅 수신하기

두 도구 모두 Page Deltas의 동일한 범용 웹훅 채널을 활용하며 수신 측 설정만 다릅니다. Zapier는 Catch Hook 트리거로 시작하고, n8n은 Webhook 노드로 시작합니다.

Zapier

  1. 트리거로 'Webhooks by Zapier'를 선택하고 이벤트로 'Catch Hook'을 지정하여 Zap을 생성합니다. Zapier가 발급한 고유 웹훅 URL을 복사합니다.
  2. 복사한 URL을 Page Deltas의 Generic webhook 채널에 붙여넣고 저장합니다. Page Deltas 대시보드에서 'Send test'를 클릭합니다(또는 실제 변경을 기다립니다). Zapier로 돌아와 'Test trigger'를 실행하고, 수신된 샘플 데이터에 summary, monitor_url 및 스크린샷 필드가 정상 포함되어 있는지 확인합니다.
  3. 후속 액션을 추가합니다. 대표적인 사례: summary 를 제목으로, dashboard_url 을 본문 링크로 매핑하여 Jira 또는 Linear 이슈 생성, Notion 데이터베이스에 새 행 추가, HubSpot 또는 Salesforce의 경쟁사 계정에 활동 노트 등록, 여러 변경 사항을 취합한 다이제스트 이메일 발송 등. 수동으로 변수를 입력하지 말고 Catch Hook 샘플 필드에서 직접 매핑하세요.
  4. Zap을 켜서 활성화합니다. Page Deltas에서 테스트를 한 번 더 발송하여 설정된 각 액션이 순차적으로 올바르게 실행되는지 검증합니다.

서명 검증이 필요한 경우 Zapier의 Code 단계를 추가하여 요청 바디의 HMAC을 연산할 수 있습니다. 보다 안전하고 엄격한 검증을 원한다면 원본 요청 바이트를 그대로 다룰 수 있는 n8n을 이용하거나 Zapier 앞단에 경량 서버리스 함수를 두는 구성을 권장합니다.

n8n

  1. Webhook 노드를 추가하고 HTTP 메소드를 POST로 설정한 뒤 워크플로를 활성화하여 n8n 운영(production) URL을 발급받습니다. 이를 Page Deltas의 Generic webhook 채널에 입력합니다(Zapier와 n8n 모두에서 수신하려면 두 번째 웹훅 채널을 추가하세요).
  2. Page Deltas에서 테스트를 발송합니다. Webhook 노드에 JSON 바디와 X-Signature 헤더가 온전히 전달되는지 확인합니다.
  3. 선택 사항이지만 강력 권장: Code 노드를 추가하여 채널 시크릿으로 원본 바디의 sha256= 접두사를 포함한 HMAC-SHA256을 다시 계산하고, 타이밍 공격에 안전한 방식(timing-safe)으로 X-Signature 와 비교합니다. 서명이 맞지 않는 비정상 요청은 CRM이나 티켓팅 단계로 넘어가기 전에 즉시 차단하세요.
  4. 서로 다른 페이지가 각기 다른 종류의 티켓을 열어야 한다면 monitor_name 이나 monitor_url 의 특정 키워드를 기준으로 IF 노드 또는 Switch 노드를 통해 분기 처리합니다. 이후 일반적인 웹훅 연동과 마찬가지로 Jira, Notion, 이메일, HTTP Request 노드를 연결합니다.
  5. 워크플로를 저장하고 활성 상태를 유지하세요. Page Deltas는 전송 실패 시 재시도를 하지 않으므로 Webhook 노드가 신속하게 2xx 응답을 반환하도록 설계하고, 부하가 큰 작업은 후속 노드나 작업 큐로 넘기도록 구성하세요.

자체 호스팅(Self-hosted) n8n은 채널 시크릿이 사내 인프라 외부로 유출되어서는 안 되는 엄격한 환경에 최적입니다. n8n Cloud는 일반적인 마케팅 및 RevOps 자동화 요구사항을 충분히 충족합니다. 어떤 방식을 선택하든 표준 노드를 조립하여 구성할 수 있으며, Page Deltas 전용 커넥터에 종속되지 않습니다.

실무에서 마주치는 한계와 해결책

실제 운영 환경에 적용하면 몇 가지 고려할 점이 드러납니다. 향후 웹훅 페이로드에 새로운 필드가 추가될 수 있으므로, 알 수 없는 키가 들어오더라도 전체 이벤트를 거부하지 말고 무시하도록 설계하세요. 수동 재실행으로 인해 티켓팅 시스템에 중복 티켓이 발행되는 것을 방지하려면 change_id 를 멱등성 키(Idempotency Key)로 활용할 수 있습니다.

Zapier나 n8n이 2xx 이외의 응답을 반환하면 Page Deltas는 해당 발송을 실패로 기록하고 다음 단계로 넘어갑니다. 모니터 자체는 정상적으로 계속 작동합니다. 워크플로가 반응하지 않는다면 앱 내부의 발송 시도 로그를 점검하세요. 절대 놓쳐선 안 되는 핵심 페이지의 경우 동일한 모니터에 이메일이나 Slack을 보조 채널로 유지하는 것이 좋습니다.

AI 필터링은 브리프(지침)가 구체적일 때만 제 역할을 다합니다. '가격 변경을 알려달라'는 식의 모호한 지침은 사이드바의 추천 글 변경까지 통과시킬 수 있습니다. 5단계짜리 복잡한 Zap을 만들기 전에 제외할 항목 목록을 다듬는 데 5분을 먼저 투자하세요. 또한 로그인해야만 볼 수 있는 비공개 페이지의 변경 사항은 현재 Page Deltas나 웹훅으로도 감지할 수 없습니다.

저희 제품 패밀리의 다른 도구들은 다른 형태의 모니터링 요구를 해결합니다. KWatch.io 는 신호가 특정 URL 하나에 국한되지 않을 때 소셜 미디어와 웹 전반에서 키워드 언급을 추적하는 서비스입니다. 주소가 고정된 공개 웹페이지의 내용 변경을 모니터링할 때는 Page Deltas와 웹훅 자동화를 결합하는 것이 가장 확실한 방법입니다.

단 하나의 Zap 또는 워크플로로 시작하세요

하나의 페이지와 하나의 대상 시스템을 먼저 선택해 보세요. 경쟁사 가격을 Notion 데이터베이스로 보내거나, 공급업체 상태 페이지 변경을 Jira로 연결하는 것만으로도 전체 연동의 유용성을 충분히 검증할 수 있습니다. 모니터를 생성하고 범용 웹훅을 연결한 뒤 Zapier나 n8n에서 수신하여 summary 와 dashboard_url 을 매핑해 보세요. 무료 플랜은 신용카드 등록 없이도 10개 URL, AI 필터링, 전체 알림 채널 및 API 연동을 모두 지원합니다. 무료로 모니터링 시작하기.

Julien, Page Deltas 프로덕트 매니저

Zapier 또는 n8n으로 웹사이트 변경 알림을 자동화하는 방법 · Page Deltas