RevealTheme logo

検出ガイド · 2026

あらゆるウェブサイトでShopifyのテーマを検出する方法

Shopifyは全eコマースの10%を動かしています。各ShopifyストアはそのHTMLに予測可能な署名を残します。当サイトの検出ツールがアクティブなテーマを見つける方法はこうです。

最も速い方法:当サイトの無料検出ツールを使う

任意のURLを貼り付けるだけで、Shopifyのテーマ、プラグイン、技術スタックを2秒で取得できます。

Shopify検出ツールを開く →

当サイトの検出ツールが探す対象

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. 1

    ソースコードを表示します。「cdn.shopify.com」を探してください。すべてのShopifyストアに存在します。

  2. 2

    DevToolsのコンソールで、window.Shopify.themeと入力します。Shopifyなら、テーマのオブジェクトを直接返します。

  3. 3

    /adminまたは/cartにアクセスします。どちらもShopify固有のレスポンスを返します。

  4. 4

    チェックアウトのURLを確認します。Shopifyストアはカスタムドメインでも/checkouts/のパスを使います。

  5. 5

    クラス名内にテーマの識別子を探します(例:「template-product」「shopify-section」)。

なぜサイトの技術スタックを特定するのか?

正当な理由は3つあります。競合調査(業界のリーダーはどんなツールを使っているか?)、リードの選別(この見込み客のサイトはあなたのサービスの対象要件を満たしているか?)、そして移行計画(リニューアルの見積もりを出す前に、現在のスタックを把握する必要があります)です。

上記はいずれも公開記録に基づく活動です。当サイトが確認する各シグナルは、ページのHTMLやHTTPレスポンスに表示されており、誰でも「ソースを表示」で見られるのと同じデータです。当サイトはそれをより速く分析し、分かりやすく提示しているにすぎません。

検出では分からないこと

検出で分かるのは、何が稼働しているかです。なぜそのサイトがそのスタックを選んだのか、いくらかけているのか、開発者は誰なのか、今後のロードマップはどうなっているのかは分かりません。それらを知るには、人に直接尋ねてください。

また、積極的なキャッシュ、ヘッドレス構成、フレームワークの標準マーカーを持たないゼロから作られたテーマを見通すこともできません。当サイトでは信頼度の低い検出結果には印を付け、いつ深掘りすべきかが分かるようにしています。