Pore Clogging Checker チーム · 最終更新：2026-09-17

毛穴詰まりチェッカーを任意のサイトに埋め込む

はい。ウィジェットはどんなサイトでも無料で、追加はHTML2行だけです。訪問者はページを離れずに成分をチェックでき、分析は訪問者のブラウザ内だけで完結します。APIキーもアカウントもデータ収集も不要です。

ウィジェットを自分のサイトに追加するには？

オプションを選び、プレビューで確認して、コードをコピーしてください。

言語テーマ成分を初期入力（任意）

ライブプレビュー

埋め込みコード

<div data-pore-clogging-checker data-locale="ja"></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`	Aqua, Glycerin, Cocos Nucifera Oil ...	成分リストを初期入力できます。記事内で特定の製品をレビューするときに便利です。

ブロックエディタでは「カスタムHTML」ブロックを追加して2行を貼り付け。クラシックエディタでは「テキスト」タブに切り替えてから貼り付けてください。テーマがスクリプトを除去する場合は、WPCode などのコード挿入プラグインでサイト全体に script タグを設置します。

管理画面の「オンラインストア > ページ」でページを開き、リッチテキストエディタの「HTMLを表示」（<>）ボタンからコードを貼り付けます。テーマ全体に設置する場合は、テーマエディタで「カスタムLiquid」セクションを追加します。

ウィジェットを表示したい場所に Code Block を追加し、2行を貼り付けます。Squarespace は公開サイトでのみ script タグを描画するため、保存後にプライベートウィンドウで確認してください。

「埋め込みHTML」要素を追加（プラスアイコン > 埋め込む > Embed HTML）し、コードパネルに2行を貼り付けます。ツールのスペースを確保するため、要素の幅は約760px以上にしてください。

投稿エディタでHTMLカードを追加し、2行を貼り付けます。Ghost は公開済み投稿でスクリプトを描画します。保存後に公開ページで確認してください。

2行をマークアップの任意の場所に貼り付けるだけです。読み込み順序は問いません。ローダーは依存関係のないバニラJSで、ページ内のすべてのコンテナを自動マウントします。

本当に無料ですか？›

はい。APIキーもレート制限も有料プランもありません。チェックは各訪問者のブラウザで実行されるため、ホスト側のコストはほぼゼロです。

訪問者のデータを収集しますか？›

いいえ。成分リストはブラウザ内でローカル分析され、当方のサーバーには送信されません。ウィジェット自体が広告・トラッキングCookieを設定することもありません。

ページが遅くなりませんか？›

ローダーは約80行のバニラJavaScriptで、defer付き・iframeは遅延読み込みです。ページは通常どおり表示され、ウィジェットは視野に入った時点で読み込まれます。

スタイルはカスタマイズできますか？›

ウィジェットはページ幅に追従し、訪問者のライト/ダーク設定に合わせます（data-theme で固定も可能）。さらにカスタムしたい場合は、ローダーが小さいので読んで自己ホストできます。

Fulton JE Jr., Comedogenicity and irritancy of commonly used ingredients in skin care products（化粧品化学者協会誌、1989）— 0〜5評価の根拠となる公表研究。 PubMed
プライバシーポリシー - チェッカーが収集するものとしないもの。プライバシーポリシー
毛穴詰まりチェッカー完全ガイド - 評価の実際の使い方。完全ガイドを読む