Shopifyアプリ解説5:ヒートマップでユーザー行動分析ができる「ラッキーオレンジ ヒートマップ&リプレイ(Lucky Orange Heatmaps & Replay)」

Shopifyアプリ解説5:ヒートマップでユーザー行動分析ができる「ラッキーオレンジ ヒートマップ&リプレイ(Lucky Orange Heatmaps & Replay)」

今回は、Shopifyアプリ「ラッキーオレンジ ヒートマップ&リプレイ(Lucky Orange Heatmaps & Replay)」について解説していきます。「ラッキーオレンジ ヒートマップ&リプレイ(Lucky Orange Heatmaps & Replay)」は、ヒートマップやモニタリング機能でユーザー行動分析ができるアプリです。

<目次>

・特徴

・導入方法

・実際の見え方

 

■特徴

CVR(コンバージョンレート/コンバージョン率)アップ等を目的としてサイト改善を行う際に、ページ内でのクリック箇所や、熟読エリアの分析ができるアプリです。

・3種類のヒートマップを利用可能
→クリック、マウスムーブ、スクロールヒートマップ

・サイト上での各ユーザーの動きを録画可能

・ユーザーに対してリアルタイムでのチャット送信可能

・コンバージョンファネル作成可能

・ユーザーアンケートの実施可能

 

■導入方法

※Shopify出店が完了している前提で記載しています。

 

(1)Shopifyアプリストアで「ラッキーオレンジ ヒートマップ&リプレイ(Lucky Orange Heatmaps & Replay)」の紹介ページへアクセス。


https://apps.shopify.com/lucky-orange?locale=ja

「Lucky Orange Heatmaps & Replay」アプリ画面


上記画面の「アプリを追加する」をクリック。


(2)インストール
画面の「アプリをインストール」ボタンをクリック。

 Lucky Orange Heatmaps & Replayアプリ導入手順2

 

(3)「ラッキーオレンジ ヒートマップ&リプレイ(Lucky Orange Heatmaps & Replay)」で分析を行うサイト名、アカウント名、Emailを入力し、「Connect with Shopify」をクリック。

Lucky Orange Heatmaps & Replayアプリ導入手順3

 

(4)下記ページにて、管理画面に表示するユーザー名、サイトURL、ユーザーの役割(設定とは無関係のアンケート)を入力し、同意チェックを入れた状態で、「Next」をクリック。

Lucky Orange Heatmaps & Replayアプリ導入手順4

 

(5)最も関心の高い分野(設定とは無関係のアンケート)を入力し、「Next」をクリック。

Lucky Orange Heatmaps & Replayアプリ導入手順5

  

 

(6)アプリ管理画面ログイン時に入力するパスワードを設定します。

Lucky Orange Heatmaps & Replayアプリ導入手順6

 

(7)アプリ管理画面に招待したいメンバーを登録します。

※いない場合は、「Skip」をクリック。

 

(8)サイトに設置するデータ収集用コードが表示されるため、こちらのコードを設定箇所に貼り付け、「Done! Get Started」をクリック。

Lucky Orange Heatmaps & Replayアプリ導入手順8

※コード設置方法

shopify管理画面「テーマ>アクション>コード編集」にて「header.liquid」を開き、</header>直前の行にデータ収集用コードを貼り付け、「保存する」をクリック。

Lucky Orange Heatmaps & Replayアプリ導入手順8コード設置

 

(9)Shopifyとの接続設定が完了したので、「Finish setup」をクリックするとアプリ管理画面が表示されます。

Lucky Orange Heatmaps & Replayアプリ導入手順9

 

 

<補足1>

管理画面のDashboardの左上にアプリの使い方動画などへの誘導が表示されるため、利用開始前に閲覧するのがおすすめです。

Lucky Orange Heatmaps & Replayアプリ導入手順10

 

<補足2>

プラン切替を行わない場合、7日間のトライアルとして登録されるため、「Settings>Plan & Billing」にて「Upgrade Plan」をクリックし、希望プランとクレジットカード登録が必要です。

※Freeプラン(500PVまで)の場合、クレジットカード登録は不要です。

Lucky Orange Heatmaps & Replayアプリ導入手順:プラン変更

 

 

■実際の見え方

ストア表側での見え方は公式デモ動画で確認ができます。

公式デモ動画

 

いかがだったでしょうか?

今回はShopifyアプリ「ラッキーオレンジ ヒートマップ&リプレイ(Lucky Orange Heatmaps & Replay)」についてご紹介しました。

ユーザー行動分析を行う場合はぜひご活用ください。

 

 

著者名:ヨネチ

モンブラン愛が強めのディレクター。アテスウェイ推し。