탐지 가이드 · 2026
모든 웹사이트에서 Shopify 테마를 탐지하는 방법
Shopify는 전체 전자상거래의 10%를 구동합니다. 모든 Shopify 스토어는 HTML에 예측 가능한 서명을 남깁니다. 저희 탐지기가 활성 테마를 찾는 방법은 다음과 같습니다.
저희 탐지기가 찾는 것
cdn.shopify.com 리소스 URL
모든 Shopify 스토어는 cdn.shopify.com에서 CSS, JS, 이미지를 로드합니다. URL 경로에는 테마 ID와 스토어 이름이 담겨 있습니다.
위치: HTML의 <link> 및 <script> 태그
Shopify.theme JavaScript 객체
Shopify는 스토어의 JavaScript에서 window.Shopify.theme = { id, name, role }을 노출합니다. 가장 직접적인 테마 식별입니다.
위치: <body> 내부의 인라인 <script>
theme.liquid 단서
Shopify 테마는 Liquid 템플릿을 사용합니다. theme.liquid의 주석과 클래스 이름이 테마 식별자(예: 'dawn', 'debut', 'brooklyn')를 누출합니다.
위치: HTML의 클래스 이름과 주석
X-ShopId 및 X-Shopify-Stage 헤더
Shopify 엣지는 모든 요청에서 이 응답 헤더를 추가합니다. X-ShopId는 스토어를 고유하게 식별합니다.
위치: HTTP 응답 헤더
canonical 또는 myshopify.com 링크
맞춤 도메인 스토어조차도 관리자 링크, 결제 엔드포인트 또는 대체 리소스에 myshopify.com URL을 포함합니다.
위치: HTML의 <link rel='canonical'> 또는 리소스 URL
수동 검사 점검 목록
탐지기가 명확하지 않은 결과를 반환하는 경우, 브라우저의 개발자 도구(마우스 오른쪽 클릭 → 검사)에서 다음 수동 점검 항목을 확인하세요:
- 1
페이지 소스를 보세요. 'cdn.shopify.com'을 찾으세요. 모든 Shopify 스토어에 존재합니다.
- 2
DevTools 콘솔에서 window.Shopify.theme를 입력하세요. Shopify라면 테마 객체를 직접 반환합니다.
- 3
/admin 또는 /cart를 방문하세요. 둘 다 Shopify 특유의 응답을 반환합니다.
- 4
결제 URL을 확인하세요. Shopify 스토어는 맞춤 도메인에서조차 /checkouts/ 경로를 사용합니다.
- 5
클래스 이름에서 테마 식별자를 찾으세요(예: 'template-product', 'shopify-section').
왜 사이트의 기술 스택을 식별해야 하나요?
세 가지 정당한 이유가 있습니다: 경쟁사 조사(귀하 업계의 선두 기업은 어떤 도구를 사용하나요?), 리드 검증(이 잠재 고객의 사이트가 귀하의 서비스 요건에 부합하나요?), 마이그레이션 계획(재설계 견적을 내기 전에 현재 기술 스택을 알아야 합니다).
위의 모든 것은 공개적으로 확인할 수 있는 활동입니다. 저희가 점검하는 모든 신호는 페이지의 HTML 또는 HTTP 응답에서 볼 수 있으며, 이는 누구나 «페이지 소스 보기»로 확인할 수 있는 동일한 데이터입니다. 저희는 단지 그것을 더 빠르게 분석하고 명확하게 제시할 뿐입니다.
탐지가 알려줄 수 없는 것
탐지는 무엇이 실행되고 있는지 식별합니다. 사이트가 왜 그 기술 스택을 선택했는지, 그것에 얼마를 지출하는지, 개발자가 누구인지, 로드맵이 무엇인지는 알려줄 수 없습니다. 그런 정보는 사람에게 직접 물어보세요.
또한 공격적인 캐싱, 헤드리스 구성, 프레임워크의 기본 마커 없이 처음부터 만들어진 테마는 들여다볼 수 없습니다. 저희는 신뢰도가 낮은 탐지 결과를 표시하여 언제 더 깊이 파고들어야 하는지 알려드립니다.