HotjarをShopifyストアに統合する方法

より高いコンバージョン率を実現するために Shopify ストアを最適化する場合、訪問者がページとどのようにやり取りするかを理解することが重要です。

Hotjar は、ヒートマップ、スクロール トラッキング、セッション記録を通じてユーザーの行動を視覚化するのに役立ち、情報に基づいたデザインとコンテンツの決定を可能にします。

Hotjarについて

Hotjar は、Shopify マーチャントが訪問者がストアとどのようにやり取りしているかを把握するのに役立つ人気の行動分析およびフィードバック ツールです。

ヒートマップ、スクロール トラッキング、セッション記録、フィードバック ウィジェットが提供され、問題点を特定して顧客体験を改善できます。

Hotjar を使用すると次のことが可能になります。

• ランディング ページでユーザーがクリックした場所や最も多くの時間を費やした場所を視覚化します。
• コンバージョンに影響する可能性のあるデザインやレイアウトの問題を検出します。
• 実際のユーザー データに基づいて、CTA、バナー、製品セクションなどの要素を最適化します。

あなたが始める前に

始める前に、次のものを用意してください。

• Hotjar アカウント (追跡コードを用意したもの)。
• Shopify 管理者にアクセスします。
• 公開された Shopify ストア (開発バージョンやサンドボックス バージョンではありません)。

Hotjar トラッキング コードを Shopify に追加する方法

Hotjar を Shopify ストアに接続するには、次の手順に従ってください。

ステップ1： あなたにログインする Hotjarアカウント.

ステップ2： 左側のサイドバーから セットアップする、次に以下をクリックします コードをコピーする.

ステップ3： あなたの中で Shopify管理者、 案内する オンラインストア > 部門3つの点のアイコンをクリックして、 コードの編集 をドロップダウンから選択します。

ステップ4： あなたを開く theme.liquid ファイルにソフトウェアを指定する必要があります。

ステップ5： Hotjar トラッキング コードを貼り付けます 閉店直前 </head> タグ.

完了したら、をクリックします。 Save.

GemPages に Hotjar トラッキング コードを追加するにはどうすればいいですか?

ShopifyテーマにHotjarコードをすでに追加している場合は、トラッキングはすべての GemPagesで構築 同じドメインで公開されたページ。

特定のGemPages構築ページで訪問者の行動を追跡したい場合は、Hotjarスクリプトを次のように追加できます。 カスタムコード要素.

それを行う方法は次のとおりです：

ステップ1： GemPagesダッシュボードから、 ページ 対象のページをクリックしてエディターで開きます。

ステップ2： GemPages エディター検索バーを使ってカスタムコード要素を見つけます。そして、その要素をページにドラッグ＆ドロップします。

ステップ3： 左側のサイドバーで、 CPコード 下 カスタムコード セクションをクリックしてコード パネルを開きます。

ステップ4： 下 HTML / CSS タブに Hotjar トラッキング コードを貼り付けます。

完了したら、をクリックします。 Save ヒット パブリッシュ 更新したページを再公開します。

Hotjarとの統合を確認する

Hotjar が正しく動作していることを確認するには:

ステップ1： あなたに行く Hotjarダッシュボード サイトの状態を確認します。

ステップ2： 表示されるはずです 緑色の「追跡中」 ストアにトラフィックが流入するとインジケーターが表示されます。

ステータスに「追跡していません」では、以下の点を確認してください。

• 店はまだ Shopifyサンドボックス 環境: Hotjar はプレビューや開発ストアを追跡しません。
• トラッキングスクリプトが正しく配置されていません。追加されていることを確認してください。 テーマ内、または GemPages のカスタム コード要素内にあります。
• あなたのページはまだ実際の訪問者のトラフィックを受けていません。
• ブラウザのキャッシュ: キャッシュをクリアするか、再度確認してください シークレットモード.

詳細については、Hotjar のドキュメントを参照してください。 ShopifyサイトにHotjarをインストールする方法.

Hotjar統合に関するよくある質問

1. Shopify のサンドボックスまたはプレビュー モードで Hotjar を使用できますか?

いいえ。Hotjarは Shopify Sandbox環境をサポートしていませんプレビューストアや開発ストアを含む。 ライブで公開アクセス可能なストア 追跡が適切に機能するために。

2. Hotjar は GemPages ページを自動的に追跡しますか?

HotjarトラッキングコードがShopifyテーマに追加されている場合 theme.liquid、またロードされます GemPagesで構築 同じドメインで公開されたページ。

ただし、ページで カスタムドメイン, サブドメインまたは 独立した出版 セットアップでは、手動でコードを追加する必要があります GemPages' カスタムコード要素 正確な追跡を保証します。

3. Hotjar がサイトを検出しない場合はどうなりますか?

確認しておいて：

• あなたのお店は ライブ (サンドボックスではありません)。
• スクリプトは 閉会前に </head> タグ.
• キャッシュをクリアしたか、シークレット モードでテストしました。

問題が解決しない場合は、 HotjarのShopify設定ガイド.

4. Hotjar と Microsoft Clarity の違いは何ですか?

• Hotjar 有料プランでは、より高度なフィードバック ツール (アンケート、レイジ クリック追跡) と詳細な分析情報が提供されます。
• マイクロソフトクラリティ 完全に 無料です。無制限のヒートマップとセッション録画を備えています。

参照する この記事 Microsoft Clarity と Shopify の統合の詳細については、こちらをご覧ください。