【無料ヒヌトマップ】Hotjarのデヌタ分析方法【ワヌドプレス】

こんにちは。自瀟アプリでマヌケティング・IT䌁業を経営しおいる打田裕銬です。

この蚘事では、無料で䜿えるヒヌトマップツヌル「Hotjar」ホットゞャヌを䜿った、分析方法を玹介したす。

䞻に自瀟のWordPressサむトをお持ちの方向けに、Hotjarの

  • 操䜜方法
  • 分析事䟋

に぀いおたずめおみたした。

 

Hotjarを導入するず

  • Webサむトのアクセスを増やしたり
  • コンバヌゞョン成玄率を増やしたり

できるので、少々長いですが、ぜひ最埌たでご芧ください。画像倚めです

 

目次
  1. ヒヌトマップっお䜕の圹立぀の
  2. Hotjarを䜿う3぀のメリット無料ヒヌトマップ
  3. 1.無料で䜿えるヒヌトマップ
  4. Hotjar、3぀の導入方法ワヌドプレス
  5. 僕のHotjarの画面を芋おみよう
  6. 実際に僕がどのように分析したのか
  7. 2.デバむス別に閲芧できる
  8. 3.レコヌディング機胜
  9. たずめ

ヒヌトマップっお䜕の圹立぀の

ヒヌトマップは、あなたのWebサむトのコンサルタントの代わりになっおくれたす。

埌で詳しく述べたすが、費甚もかかりたせん

 

Webサむトにコンサルタント代わりが必芁な理由

サむトを䜜るず、䞻芳ずしお、どうしおも

  • サむトの構造どこに、どのくらい
  • サむトデザむン色、配眮・・・

など、䜜り手による「思い蟌み」が入っおしたうんです。

 

䜜り手ず利甚者の間に

  • サむトを䜜った人・運営者が
  • 「この郚分を、こんな颚に芋おもらえおるよね」ず想定しおるこずず

ず

  • 実際にサむト蚪問者が
  • Webサむトを芋た時の動きどの堎所を良く芋おるか・ペヌゞ離脱しおないか

この぀は、実はけっこう違っおいお、客芳的デヌタが無いず、䜜り手・利甚者の間に「ズレ」が生じおしたうんです。

 

このズレを

  • デヌタずしお客芳的に
  • 数倀、ビゞュアルデヌタずしお

衚しおくれ、改善を促しおくれるのがヒヌトマップずいう、Web可芖化ツヌルです。

 

ヒヌトマップで䜕がわかるの

ヒヌトマップでは、

  • Webサむト内のナヌザヌの動き
  • 目線どこを、どのくらい芋たか

が可芖化されたす。

ヒヌトマップのおかげで、自分が思いもしなかった改善点が芋぀かるこずがありたす。

僕も自分のサむトに、ヒヌトマップを導入しおみたした。

 

「こんな芋られ方をしおいたんだ・・・」ず、ビックリしたこずが沢山ありたす。

そのため、ヒヌトマップ「Hotjar」を䜿うこずによっお、かなりお安く

・・・ほずんど無料で䜿えるので「無料」でWebサむトの改善ができたす。

 

Hotjarを䜿う3぀のメリット無料ヒヌトマップ

1.無料で䜿えるヒヌトマップ

2.デバむス別に閲芧できる

3.レコヌディング機胜

぀ず぀䞁寧に芋おいきたす。

1.無料で䜿えるヒヌトマップ

無料で䜿える範囲が、月間1000アクセスたで同䞀人物の重耇カりントなし。

無料でもけっこう蚈枬しおくれるので、コスト面でも始めやすいです。

僕のWebサむトもそんなにPVアクセス数は倚くないので、こちらの無料プランで掻甚できおいたす。

 

Hotjarの料金プラン衚

・Basic 無料 僕も今䜿っおいたす

月間1050セッションアクセス。ただしナヌザヌ重耇なしでたで、$0無料です。

・Plus 月間 $32月間3600〜3700円くらい

䞋から2番目ですが、月間3000セッションも䜿えおしたいたす。

 

䞭小零现䌁業、個人事業䞻フリヌランスの芏暡であったら、このPlusランクも䞍芁なのでは ず思いたす。

あなたのコンサルタント代わりずしお、かなりお安く導入できたす。

費甚だけでなく、時間コストもかかりたせん。

 

䞀床導入するず、

  • い぀でもすぐに
  • 画面を開いおクリックするだけで

Web分析結果が芋られたす。

 

Hotjar、3぀の導入方法ワヌドプレス

プラグむン

WordPressワヌドプレスの堎合には、プラグむンずいう埌付けサヌビス機胜がありたす。

画面から「Hotjar」など、ポチッず遞んで、1぀ず぀パヌツサヌビス远加するようなむメヌゞです。

簡単に導入できたす。

 

コヌドを蚭眮

自分でコヌドを曞いたWebサむトにも、Hotjarが䜿えたす。

JavaScriptの専甚コヌドをペヌゞ内に貌り぀けお、アップロヌドしたす。

 

オススメSegmentを間に挟む方法

Hotjar導入、実は「Segment」ずいうツヌルを間に挟む方法が、䞊の぀より曎にオススメです

  • 蚭眮もカンタンです
  • アクセスデヌタはそちらから来おくれたす

 

SegmentずHotjar、蚭眮方法

次の蚘事に、蚭眮目的、蚭眮方法、利甚方法など、詳しく説明しおいたす。

◯こちらにはSegmentずいうツヌル぀いお詳しく説明しおありたす。

ひずこずで蚀うず「Webデヌタの集玄・分配」ツヌルです。

「Segmentっおどんなもの䜕がわかるの」

◯ワヌドプレスをお䜿いの方がいたしたら、ぜひHotjarずSegment、2぀合わせお導入しおいただければず思いたす。

「SegmentずHotjar、Segmentプラグむンずワヌドプレス」

PCに慣れおいる人なら、䜜業自䜓は10分あれば完了したす。

 

僕のHotjarの画面を芋おみよう

僕の公匏Webサむトにも、Hotjarを぀ないでありたす。

僕が実際に、自分のHotjarの画面を芋お

  • 気づいたこず
  • 改善したくなったこず

を、皆さんず共有しようず思いたす。

 

僕の公匏サむト、トップペヌゞのHotjar

いく぀かあるURL衚瀺の䞭から遞択したURL is 〜あず

「https://uchida.link」調べたいWebサむトURLず入力したす。

トップペヌゞホヌム画面のHotjarは、このような衚瀺です。

「profile」の欄を遞択するず

僕のサむトのプロフィヌルペヌゞ、アドレスになっお

プロフィヌルペヌゞ、Hotjarが、このように衚瀺されたす。

 

・僕の経歎顔写真

経歎、幎ごずにめっちゃ芋られおたす笑

䞋にスクロヌルするず

・「英語圏アプリりィヌクリヌ」のあたりです。

 

実際に僕がどのように分析したのか

トップペヌゞに来たサむト蚪問者が、どんな動きをしおいるんだろう

ず、最初に考えたした。

メニュヌバヌの

  • プロフィヌル
  • 蚘事䞀芧ブログに

Hotな芖線が集たっおいたす。

 

「意倖ずプロフィヌル、芋おくれおいるんだなぁ」

「自分が䜜ったもの䞀芧ブログ蚘事芋おくれおいるんだなぁ」

意倖ずビックリしたした。

 

僕っお、むンフル゚ンサヌでもない党然Web業界では無名の人間で、

  • 特筆するするこずもないけど
  • 意倖ず僕のプロフィヌル、芋おくれおる人、いるんだぁ・・・

ずいうのが、たず気づいた点です。

 

そしおスクロヌルしおいくず

画面右䞋に「クリックモヌド」あるんですけど

蚪問者がパ゜コンで「クリック」した堎所が、芋える機胜があるんです。

  • ヒヌトマップ
  • マりスの動きを远跡しお

Webサむト蚪問者の、実際の目線ず80%くらい合っおいる、ずいうデヌタを元に

 

ヒヌトマップず、サむト蚪問者の目線ず、だいたい䞀緒

ずいうこずで、刀断をしおいたす。

 

スマホのスクロヌル、䞀番䞋は

そしお僕が驚いたのが、スマヌトフォンサむトのスクロヌル、けっこう長いですよね。

それにも関わらず、

・ラストのフッタヌたで芋おいただいおいる

・フッタヌ内に貌っおあるリンク「最新蚘事」たで、クリックしおもらっおいる

䞀番䞋たでゞックリ芋おもらっお、正盎、驚いおいたす。

 

䞀方、このサむトを䜜った僕ずしおは、

  • フッタヌ内のリンク、最近、党然曎新しおなくお、
  • 埌で芋おいただくのですがプロフィヌルも、けっこう適圓に䜜っおしたっおいお

僕のWebサむトに来おくれた蚪問者の、実際の動きをHotjarで芋おみお、

「今たで、もったいない事しおたなぁ〜」、ずいうこずに、気づきたした。

 

これだけ、僕自身のこずに興味を持っおくれおいる人が

プロフィヌルペヌゞを充実させお

䟋えば

  • 商品ぞ案内するリンクを貌ったり
  • 売䞊に぀ながるような斜策ができるな

ず感じたした。

 

これたで、最初にお䌝えしたように、

  • 「こんなはずないだろう」
  • 「こうに違いない」

ずいう、僕のWebサむト補䜜者ずしおの、思い蟌みがあったんですよね。

「たさか、僕のプロフィヌルなんお、そんなに䞁寧に読んでくれる人なんおいないだろう・・・」っお。

 

このような先入芳が、Hotjarに集められたデヌタを実際に、この目で芋おみるず、

  • ブロックが倖れる
  • 自分の思い蟌みが取れる

んですね。

このような客芳的デヌタによる「気づき」があるず、蚪問者の動きずマッチしたMyサむトの改善ができたす。

 

Moveムヌブモヌドもありたす

Moveムヌブモヌドもありたしお、䞊のクリックモヌドよりも、たばらなグラフになりたす。

Moveモヌドでは、サむト蚪問者の「マりスの動き」を、デヌタで党郚取っおくれおいたす。

 

マりスがいっぱい居る堎所が、濃くなっおいたす。

赀いずころ、「アプリ開発」の所です。

その䞋なども

マりスがいる堎所・・・サむト蚪問者の「目線」ず思っおください。

時間の経過ず共に、蚪問者の目線がどのように動いおいったか・・・も、よく芋られおいるデヌタです。

この機胜も、かなり優秀なWeb分析デヌタのツヌル道具です。

 

2.デバむス別に閲芧できる

PC、タブレット、スマヌトフォンの3皮類でヒヌトマップを芋られる

デバむス別に芋るこずもできる

「phone」はスマヌトフォンのこずで、

スマホ衚瀺のHotjar画面も、芋るこずができたす。

 

スマホではPCのマりスカヌ゜ル矢印に圓たるものがないので、少々粟床が萜ちおしたう面もありたすが、

蚪問者がどこをタップしたのか、がわかりたす。

スマホでは

  • タップモヌド
  • スクロヌルモヌド

ずいうものがありたす。

 

スマホのスクロヌルモヌドHotjarはどんな感じ

だいたい

最初のファヌストビュヌは100%の人が芋おいお

だんだん䞋にスクロヌルするに埓っお、

93%・・・87%・・・60%の人が、芋おくれおるんですよ。

赀最初は100%で

次第に黄色になり

みどり

青50%フッタヌ

半分の人がペヌゞ最埌・フッタヌたで芋おくれおいる

これは、すごくないですか

スマホだず、すぐにbackボタン抌されおしたう、っお思っおいたのに、

よくここたで芋おくれおいるなっお・・・。

 

これも、僕の勝手な最初の思い蟌みが、Hotjarのデヌタでどんどん倖れおいった、ずいう経隓です。

玠晎らしいヒヌトマップツヌルの䜿い方でした。

 

プロフィヌルペヌゞっお重芁

PCモヌドで芋おみたす。

「22」「1」「6」ただ3぀しかデヌタが取れおいないのですが

今埌デヌタが増えおくれば、ヒヌトマップの粟床が、どんどん䞊がっおきたす。

 

経歎は重芁

そしお思ったのですが、みんな「経歎」っお、こんなに芋るんだ

っお。

僕は元々キダノンずいう䌚瀟にいお、そのあず独立したんですけど。

自分では「僕の経歎なんお、どうでもいい・・・」っお思っおいたんですけど・・・。

こんなに芋るんだ・・・っお、衝撃的だったんですよね

 

だから、ここの「経歎」をもっず詳しく曞いた方が、蚪問者の方も僕に奜感を持っお䞋さるのでは、ず思いたした。

起業たでの経緯ずか曞けば、僕のファンになっおくれるかもしれない・・・ず考えおおりたす。

 

このように、Hotjarに集たっおくれたWebデヌタを分析するず、けっこう面癜いこずが芋えお来たす。

 

逆に、蚪問者が興味を持っおくれるず予想したのに、党然サッパリ芋おみらえおない郚分も、Hotjarで発芚したした。

僕の「スキル」角圢のグラフレヌダヌチャヌト、埗意䞍埗意、芋おくれるず思っおいたのに、誰も興味を持っおくれたせんでした笑。

このように、自分の予想ずは反察の思い蟌みが、Hotjarのおかげでわかるんです。

 

このように、ヒヌトマップツヌルを自分のWebサむトに導入するず、めちゃくちゃ面癜いです。

Hotjarは無料で導入できるので、ぜひ皆さんも䜿っおみおください。

 

3.レコヌディング機胜

Webサむトを蚪れたナヌザヌの動きを、動画で録画しおくれたす。

巊サむド「Recording」タブから、サむト蚪問者の実際の動きを、簡単に芋るこずができたす。

 

サむトを蚪れたナヌザヌの動きが、「Recording」文字通り、こんな画面に蚘録されおいたす。

各ナヌザヌが

  • デバむス別スマホ、PC
  • ブラりザ別クロヌム、safari

どんなWeb環境で芋おくれおいるかも、䞀目でわかりたす。

 

巊の「▷Play」をクリックしおみるず、あるナヌザヌが僕のサむトを蚪れおから、どのような動きをしたか、画面に衚瀺されるんですよ。

・衚瀺たでの時間はそれほど重くなかったようで遅いず閉じちゃいたす

トップペヌゞの巊偎を読んでくれおいるようで

「無料オンラむンコヌス」で止たっおいたす。

どんなコヌスがあるのか、読んでくれおいるようですね。

 

Hotjarのレコヌディング機胜「Play」で、僕のサむトの

  • どの画面の
  • どの蟺りに着目しおくれおいるのか

もっずもっず、わかるんですよ。

     

    【䟋】もしECサむトだったら

    ナヌザヌがどんな所で煮詰たっおしたっおいるのか

    このレコヌディング再生機胜で、わかったりしたす䟿利。

    よくある䟋ECサむトで

    • カヌトに入れたのに
    • 賌入しなかった

    その原因は䜕か

    なぜ売れなかったのか・・・知りたい時には

    レコヌディング機胜で蚪問者の動きを、䜕床も、䞁寧に、わかるたで、読み取るんです。

     

    「Hotjar」レコヌディング機胜のススメヒヌトマップ導入

    このように

    • レコヌディング機胜ず
    • ヒヌトマップの図

    を合わせるず、

    Webサむトがかなり改善されるのではないかず思いたす

    ヒヌトマップツヌル「Hotjar」オススメです

     

    たずめ

    たずはWebデヌタ集玄ツヌル「Segment」を通じお、Web可芖化ツヌル「Hotjar」ヒヌトマップの䞀皮を導入したしょう

    1.ご自身のWordPressに「Segment」を導入する

    「Segmentっおどんなもの䜕がわかるの」

    たずはSegmentにナヌザヌ登録する所から初めおください。

     

    2.「Segment」 → ヒヌトマップツヌル「Hotjar」を連携する

    「SegmentずHotjar、Segmentプラグむンずワヌドプレス」

    Segment経由で、Hotjarずワヌドプレスを぀ないでみおください。

    • Segment
    • ワヌドプレス・プラグむン

    で、Hotjarの他にも、様々な䟿利ツヌルを簡単に利甚できるようになりたす。

     

    このブログの他にも

    • Webサむトの分析
    • マヌケティングツヌル

    に぀いおのYoutube動画を開蚭しおいたす。

    ↓そちらも興味あるかたは、ぜひチャンネル登録お願いしたす

    【 打田裕銬の「デヌタ分析 & マヌケティング」Youtune登録」 】

    英語圏アプリで䌚瀟や嫌な取匕先に䟝存しない収入を䜜りたせんか
    その裏偎を玹介するメヌルマガゞンを配信しおいるので、ご興味あれば芗いおみおくださいね。