Shopify ストアを最適化するときは、訪問者がページとどのようにやり取りするかを理解することが重要です。
Hotjar や Microsoft Clarity などのヒートマップ ツールを使用すると、ユーザーがクリック、スクロール、移動する場所を視覚化できるため、データに基づいた意思決定を行ってコンバージョンを向上させることができます。
始める前に
セットアップする前に、次のものを用意してください。
- ヒートマップ ツール (例: Hotjar、Microsoft Clarity) の有効なアカウント。
- あなたへのアクセス Shopify管理者 (オンライン ストア > テーマ > コードの編集)。
- あなたへのアクセス GemPages エディター or インスタントランディングページ（ILP） 設定を行います。
重要な注意事項
- チェックアウトページは 追跡されない Shopifyに組み込まれたセキュリティ制限のためです。
- 常に遵守する プライバシー法（GDPR/CCPA） 追跡する前に訪問者の同意を得ていることを確認してください。
- トラッキング スクリプトを追加した後、変更を公開します。
プライバシーとコンプライアンス
ユーザー セッションを追跡する場合は、プライバシー法に準拠していることを確認してください。
- 表示する クッキー同意バナー GDPR 地域のユーザーに対して追跡スクリプトを有効にする前に。
- ほとんどのヒートマップツールでは機密データの記録は避けてください。 マスクフォーム入力 またはフィールドを除外します。
- Shopifyのチェックアウトとアカウントページは デフォルトで除外 プライバシー保護のため追跡から保護します。
一般的なヒートマップ ツールを統合する方法
GemPagesは、トラッキングスクリプトを介して追加できる主要なヒートマップツールをすべてサポートしています。Shopifyストアで最も一般的な2つの統合は次のとおりです。
Hotjar
Hotjar は、クリック、移動、スクロールのヒートマップを通じて、訪問者が Shopify および GemPages で構築されたページとどのようにやり取りしているかを視覚化するのに役立ちます。
次の方法でインストールできます。
- Hotjar トラッキング コードを Shopify テーマに追加します。
- スクリプトを 液体エレメント （v6を使用している場合）または カスタムコード 素子 (v7 ユーザーの場合) 追跡するページで。
完全なガイドはこちらをご覧ください: HotjarをShopifyストアに統合する方法.
マイクロソフトクラリティ
Microsoft Clarity は、ストア全体でのユーザー行動を理解するのに役立つ無料のヒートマップおよびセッション記録ツールです。
次の方法で統合できます。
- Microsoft Clarity トラッキング コードを Shopify テーマに追加します。
- トラッキング スクリプトをテーマまたは GemPages ページに直接貼り付けます。
詳細な設定については、こちらをご覧ください: Microsoft ClarityをShopifyと統合する方法.
統合を確認するにはどうすればいいですか?
トラッキング コードを追加したら、次の手順に従って統合を確認します。
ステップ1： ライブ Shopify ストアを開きます。
ステップ2： 右クリックして選択 ページソースを表示する トラッキングコードが表示されていることを確認してください <head> タグ。
ステップ3： ヒートマップツールのダッシュボードにアクセスしてください。最初のデータが表示されるまで数分かかる場合がありますのでご注意ください。
ほとんどのプラットフォームでは、「追跡中」または「認証済に設立された地域オフィスに加えて、さらにローカルカスタマーサポートを提供できるようになります。」
ヒートマップ統合のトラブルシューティング
| 問題 | 考えられる原因 | 直し方 |
| スクリプトが動作しない | コードが間違った場所に配置されています | 必ず前もって に選出しました。 theme.liquid |
| データは表示されません | 広告ブロッカーまたは未検証のドメイン | 広告ブロッカーを無効にして、サイトのドメインを確認してください |
| チェックアウトは追跡されません | Shopifyの制限 | セキュリティルールにより、チェックアウトの追跡は利用できません |
| GemPagesページが記録されていません | スクリプトが間違ったページに追加されました | Liquid Element (GemPages v6 の場合) または Custom Code Element (GemPages v7 の場合) を介してスクリプトを追加します。 |
| 検証の遅れ | スクリプトの登録には時間がかかります | 最大10分待つか、ダッシュボードを再読み込みしてください |
コメントしてくださってありがとうございます