検出ガイド · 2026
あらゆるウェブサイトでShopifyのテーマを検出する方法
Shopifyは全eコマースの10%を動かしています。各ShopifyストアはそのHTMLに予測可能な署名を残します。当サイトの検出ツールがアクティブなテーマを見つける方法はこうです。
当サイトの検出ツールが探す対象
cdn.shopify.comのアセットURL
各ShopifyストアはCSS、JS、画像をcdn.shopify.comから読み込みます。URLのパスにはテーマIDとストア名が含まれます。
場所: HTMLの<link>および<script>タグ
Shopify.themeというJavaScriptオブジェクト
Shopifyはストアのwindow.Shopify.theme = { id, name, role }というJavaScriptを公開します。最も直接的なテーマの識別です。
場所: <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」)。
なぜサイトの技術スタックを特定するのか?
正当な理由は3つあります。競合調査(業界のリーダーはどんなツールを使っているか?)、リードの選別(この見込み客のサイトはあなたのサービスの対象要件を満たしているか?)、そして移行計画(リニューアルの見積もりを出す前に、現在のスタックを把握する必要があります)です。
上記はいずれも公開記録に基づく活動です。当サイトが確認する各シグナルは、ページのHTMLやHTTPレスポンスに表示されており、誰でも「ソースを表示」で見られるのと同じデータです。当サイトはそれをより速く分析し、分かりやすく提示しているにすぎません。
検出では分からないこと
検出で分かるのは、何が稼働しているかです。なぜそのサイトがそのスタックを選んだのか、いくらかけているのか、開発者は誰なのか、今後のロードマップはどうなっているのかは分かりません。それらを知るには、人に直接尋ねてください。
また、積極的なキャッシュ、ヘッドレス構成、フレームワークの標準マーカーを持たないゼロから作られたテーマを見通すこともできません。当サイトでは信頼度の低い検出結果には印を付け、いつ深掘りすべきかが分かるようにしています。