WordPress
블록 에디터에서는 사용자 지정 HTML 블록을 추가해 두 줄을 붙여넣습니다. 클래식 에디터에서는 텍스트 탭으로 전환 후 붙여넣으세요. 테마가 스크립트를 지운다면 WPCode 같은 코드 삽입 플러그인으로 사이트 전체에 script 태그를 넣으세요.
Pore Clogging Checker 팀 · 최종 업데이트: 2026-09-17
모공 막힘 체커를 어떤 사이트에나 삽입하세요
네 - 위젯은 어떤 사이트에나 무료이며, HTML 두 줄이면 추가됩니다. 방문자가 페이지를 떠나지 않고 성분을 확인하고, 분석은 전부 방문자의 브라우저에서 실행됩니다. API 키도, 계정도, 데이터 수집도 없습니다.
위젯을 내 사이트에 어떻게 추가하나요?
옵션을 고르고, 실시간 미리보기를 확인한 뒤, 생성된 코드를 복사하세요.
실시간 미리보기
삽입 코드
<div data-pore-clogging-checker data-locale="ko"></div> <script src="https://porecloggingchecker.app/widget.js" defer></script>
어떤 옵션을 설정할 수 있나요?
컨테이너 div의 data 속성으로 설정을 전달합니다. 모두 선택 사항입니다.
| 옵션 | 값 | 설명 |
|---|---|---|
data-locale | en · zh · ja · ko | 위젯 인터페이스 언어: en, zh, ja, ko, fr, es. 기본값은 방문자의 브라우저 언어입니다. |
data-theme | light · dark · system | light 또는 dark로 고정하거나, system으로 방문자 기기 설정을 따릅니다. 기본값은 system. |
data-prefill | 정제수, 글리세린, 코코넛오일 ... | 성분 리스트를 미리 채워둡니다. 글에서 특정 제품을 리뷰할 때 유용합니다. |
WordPress, Shopify 등 플랫폼에서는 어떻게 추가하나요?
Shopify
관리자 화면에서 온라인 스토어 > 페이지로 이동해 페이지를 연 뒤, 리치 텍스트 편집기의 HTML 표시 버튼으로 코드를 붙여넣습니다. 테마 전체에 넣으려면 테마 편집기에서 사용자 지정 Liquid 섹션을 추가하세요.
Squarespace
위젯이 들어갈 위치에 코드 블록을 추가하고 두 줄을 붙여넣습니다. Squarespace는 공개 사이트에서만 script 태그를 렌더링하므로, 저장 후 시크릿 창에서 확인하세요.
Wix
HTML 삽입 요소를 추가하고 코드 패널에 두 줄을 붙여넣습니다. 도구가 들어갈 공간을 위해 요소 폭을 약 760px 이상으로 맞추세요.
Ghost
글 에디터에서 HTML 카드를 추가하고 두 줄을 붙여넣습니다. Ghost는 발행된 글에서 스크립트를 렌더링합니다. 저장 후 공개 페이지에서 확인하세요.
<>Plain HTML
두 줄을 마크업의 아무 곳에나 붙여넣으면 됩니다. 로드 순서는 영향이 없습니다. 로더는 의존성 없는 바닐라 JS로 페이지의 모든 컨테이너를 자동 마운트합니다.
자주 묻는 질문
정말 무료인가요?›
네. API 키도, 호출 제한도, 유료 플랜도 없습니다. 확인 작업은 각 방문자의 브라우저에서 실행되므로 호스팅 비용이 거의 없습니다.
방문자 데이터를 수집하나요?›
아니요. 성분 리스트는 브라우저에서 로컬로 분석되며 우리 서버로 전송되지 않습니다. 위젯 자체가 광고·추적 쿠키를 설정하지도 않습니다.
페이지가 느려지지 않나요?›
로더는 80줄 남짓한 바닐라 자바스크립트로 defer로 로드되고, iframe은 지연 로딩됩니다. 페이지는 평소대로 렌더링되고 위젯은 화면에 보일 때만 가져옵니다.
스타일을 바꿀 수 있나요?›
위젯은 페이지 폭에 맞춰지고 방문자의 라이트/다크 설정을 따릅니다(data-theme으로 고정 가능). 더 깊은 커스텀이 필요하면 로더가 작아서 읽고 직접 호스트할 수 있습니다.