Founder Edition : 599€ 買い切り

今すぐ入手 →
ブログに戻る
ECツール

Shopifyショップが使用しているツールを知る方法

Shopifyショップが使用するツールを知るには、ソースコード、追跡スクリプト、決済時に表示されるロゴを観察するだけで十分です。これらのシグナルを見つけるために管理画面へのアクセスは必要ありません。

8 分で読了著者 Evidio

Shopifyのショップがどのツールを使用しているかを知るには、外部から見える部分を観察するだけで十分です。ページのソースコード、読み込み時にロードされるトラッキングスクリプト、そして決済時に表示されるロゴです。これにはショップの管理画面へのアクセスは一切必要ありません。

商品ページを調査してアプリの痕跡を見つける方法、インストールされた広告ピクセルと実際に稼働中のキャンペーンを区別する方法、そして購入トンネルのどの要素が販売者の利用する決済サービスや配送サービスを明らかにするかを見ていきます。また、この種の分析でよくある間違いや、10個もの異なるタブを開かずに、これらすべての信号を一つのビューにまとめる方法もご紹介します。

Shopifyショップで見つけられるツールとは

Shopifyのショップは、管理者アクセスを持たなくても目に見える痕跡を残しています。テーマ、ページのコード、購入ファネルを見るだけで、販売者が使用しているツールの大半をすでに特定できます。

これらの痕跡は、いくつかの大きなカテゴリーに分類されます。

  • テーマとその構造:CSSファイル名やフォルダ名の一部から、DebutifyやカスタマイズされたDawnといった有料テーマであることが分かります。
  • インストールされているアプリ:商品ページの下に表示される顧客レビューのウィジェット、例えばLooxやJudge.meは、コード内に識別可能なスクリプトを残します。
  • 広告トラッキングとアナリティクスのスクリプト:「カートに追加」をクリックした際に読み込まれるMetaピクセルやGoogle Adsのタグなど。
  • 決済ツール:決済ステップで表示されるロゴ、例えばShop Pay、PayPal、Klarnaなど。
  • 配送業者と配送ソリューション:「〇〇が発送します」という表記や、確認メール内の特定のトラッキング情報。
  • 追加のマーケティングツール:登録用ポップアップ、ライブチャット、購入ファネル内のアップセル。

目に見える要素はそれぞれ特定のツールに対応していますが、そのツールが実際に稼働しているのか、単にインストールされているだけなのかまでは分かりません。次のセクションでは、この違いを見分ける方法を学んでいきます。

商品ページのソースコードを調べる方法

商品ページのコードを確認するには、2つの方法で十分です。ページのソースコードを表示するか、ブラウザのインスペクタを開くかです。どちらも、ショップが読み込んだHTMLと、追加されたスクリプトにアクセスできます。

ソースコードを表示する

  1. 気になる商品ページを開きます。
  2. 右クリックして「ページのソースを表示」を選択します(Windowsの場合はCtrl+U、Macの場合はCmd+Option+U)。
  3. ブラウザの検索機能(Ctrl+F)を使って、script src、cdn.shopify.com/extensions、apps.shopify.comという語句を検索します。

これらのパスは、インストールされているアプリケーションの名前を示していることがよくあります。例えば、URLに「klaviyo」や「judgeme」という名前が含まれるファイルは、ショップのインターフェースを知らなくても使用されているツールを明らかにします。

インスペクタを使用する

  1. ページ上で右クリックして「検証」を選択します。
  2. 「ネットワーク」(Network)タブに移動し、ページを再読み込みします。
  3. リクエストをドメインごとに並べ替えて、Shopifyのテーマ自体ではなく、サードパーティのサービスから来ているものを特定します。

この方法では、単純なソースコードでは必ずしも明らかにならない、遅延読み込みされるリクエストも確認できます。もう少し手間がかかりますが、ページ上で実際に実行されているツールをより完全に把握できます。

設置されている追跡ピクセルとスクリプトを見つける方法

ピクセルの探し方

すでに開いている「ネットワーク」タブで、「facebook」「google」「tiktok」「pixel」「gtag」「analytics」といったキーワードで絞り込みます。connect.facebook.netやgoogletagmanager.comといったドメインへのリクエストが表示されるはずです。ソースコード内では、</head>の閉じタグの直前に置かれた<script>タグも確認してください。ショップがこれらのスクリプトを貼り付けるのは、たいていこの場所です。

具体的な例をいくつか挙げます。

  • connect.facebook.netへの呼び出しは、Meta Pixelが設置されていることを示します。
  • gtag.jsやanalytics.jsのスクリプトは、Google AnalyticsまたはGoogle Adsを示しています。
  • analytics.tiktok.comというドメインは、TikTokピクセルの存在を明らかにします。

これが本当に示していること

ピクセルを見つけたということは、ショップに追跡ツールが設置されていることを示すだけです。これは、現在広告キャンペーンが実際に動いているという証拠ではありません。ショップが将来のキャンペーンに備えてMeta Pixelを設置し、結局それを一度も開始しなかったり、数ヶ月前に停止していたりすることもあります。広告が実際に配信されているかどうかを知るには、コード内でスクリプトを見つけるだけでなく、各プラットフォームの公式広告ライブラリを確認する必要があります。

表示されている決済・配送ツールを特定する方法

購入トンネルには、ソースコードだけでは必ずしも明確に示されない手がかりが表示されます。これらの要素は、支払いや配送の段階で現れるもので、必ずしも商品ページ上にあるわけではありません。

これらを見つけるには、最終注文を確定せずに、購入するかのように顧客の流れを進めてみてください。

  • カートページ:ページ下部の決済手段のロゴは、使用されているプロバイダー(例えばShop Pay、PayPal、または地域の決済処理業者)を示していることが多いです。
  • 決済ページ:このステップのURLやフッターに表示される名前が、統合されている決済プラットフォームを明らかにすることがあります。
  • 配送先入力欄:一部のテーマでは、支払いの前段階で住所を入力した時点で、配送業者やアグリゲーターの名前が表示されます。
  • 配送期間の表記:「〇〇から発送」や「〇〇が配送」といった具体的な表記は、通常の運送会社ではなく、サードパーティの物流サービスを指している場合があります。

念頭に置くべき点があります。ロゴが表示されているからといって、その決済手段が全ての顧客に対して実際に機能することが保証されるわけではありません。一部のショップでは、参考として複数のロゴを表示していますが、それぞれが必ずしも有効というわけではありません。購入を確定せずに、確認ステップまで進めて必ず確認してください。

ショップのツールを分析する際によくある間違い

外部からショップを分析する際、論理的に見えても実際には誤っている結論がいくつかあります。以下は最もよくあるものです。

  • 検出されたピクセルとアクティブなキャンペーンを混同する: コード内にMetaピクセルが存在することは、トラッキングツールが設置されていることを意味するだけで、現在広告が実際に配信されていることを意味しません。ショップが数ヶ月前にキャンペーンを停止した後も、ピクセルをそのまま残していることがあります。
  • 管理画面にアクセスせずに全てが見えていると思い込む: ソースコードはクライアント側で読み込まれるスクリプトを示すだけで、内部の設定を示すものではありません。在庫管理の表、請求ツール、社内で連携されたCRMは、公開ページからは見えません。
  • ロゴを稼働の証拠と見なす: 決済の項目で見たように、表示されているロゴは、そのツールが全ての訪問者に対して実際に機能していることを証明するものではありません。
  • 時間の経過による変化を無視する: ショップは定期的にアプリケーションを変更します。今日確認したスクリプトが、加盟店が別のツールを試している場合、翌週には消えていることもあります。
  • 一種類の情報のみを信用する: 顧客レビュー用のスクリプトを見つけたとしても、それだけでは実際の販売量について何も分かりません。複数の指標を組み合わせることで、単独の情報よりも信頼性の高い全体像が得られます。

Evidioがこれらのシグナルを1つの分析にまとめる方法

上記で紹介したすべての方法(ソースコード、ピクセル、決済ロゴ)は、ページごとに手作業で調べる必要があります。Evidioはこの作業を自動化します。

このツールは、訪問者と同じ方法で公開中のショップを読み取り、見つけた情報を1つのシートにまとめます。検出されたアプリケーション、トラッキングピクセル、カタログ、推定トラフィック、連絡先などです。これにより、商品ページごとにインスペクターを開いてスクリプトや運送会社のロゴを探す必要がなくなります。

具体的には、ショップのシートには以下が表示されます。

  • 370以上認識されているうち、検出されたアプリケーションおよび技術の完全なリスト。
  • インストールされている広告ピクセル。ただし、ピクセルが検出されても、現在キャンペーンが稼働中であることを証明するものではないという注意点付きです。
  • トラフィック、広告ピクセル、カタログの規模など、最大15の測定可能な要素を組み合わせた100点満点のオポチュニティスコア。

手作業による調査と同様に、Evidioはショップ側に見える痕跡を残すものしか検知できません。完全にサーバー側で動作するアプリケーションは、どの方法を使っても見えないままです。違いは何より時間の節約にあります。複数のタブや複数のページを突き合わせる代わりに、アプリ、ピクセル、その他の技術的な信号を1つのシートにまとめて、ブラウザから直接確認できるのです。

次のステップは何か

Shopifyショップのツールを特定するには、二つの動作で十分です。まずソースコードを開いてスクリプトとタグを一覧化し、次にこれらの手がかりを購入導線、決済ロゴ、配送業者の記載など実際に表示される内容と照合します。この方法は、アカウントや管理者アクセスなしで、どんな公開ショップにも使えます。

実際に試すには、具体的なショップを一つ選んでください。理想的には、すでに注目している競合店です。最も売れている商品ページを開き、コードを検査し、ネットワークリクエストに現れる外部ドメイン名をメモし、ページのhead内の広告ピクセルを特定します。決済ページにアクセスできる場合は、同じ作業を行ってください。

複数のタブを開く時間を省きたい場合は、同じURLでEvidio分析を実行してください。アプリ、ピクセル、その他の技術的な信号が一つのシートにまとめて表示され、根本的な方法は変わりませんが、手作業が不要になります。

次のステップ

すでに監視しているショップのURLを一つ取り上げ、手作業で見つけた内容と、同じアドレスに対するEvidioのシートが表示する内容を比較してみてください。手動での検査がどこで限界に達するか、すぐに分かるはずです。機能の詳細は機能のページに掲載されています。

Evidio

Evidioチーム

Shopify技術スタック競合分析Eコマース

関連記事

Shopifyショップが使用するツールを知る方法