ローディング中

Google AnalyticsのChrome拡張「Page Analytics」でサイトを丸裸にしよう!

Google Analyticsはとても高機能で、欲しい情報はなんだって手には入ります。
高機能ゆえの弱点としては

  • 使い方が難しい
  • 何をどのように見ればいいか分からない
  • データをどのように活用すればいいか分からない

といった点ではないしょうか。

Google Chromeを普段から使用している方であれば、なんとこの問題も簡単に解決することができるんです。
Chromeの拡張プラグイン「Page Analytics」を使うことで

  • アナリティクスデータの表示
  • ページのパーツごとのクリック率の表示

といったがボタン一つで簡単にできてしまいます。
そんなあまりにも便利すぎるプラグイン「Page Analytics」のインストールから使い方まで解説していきます。

目次

Page AnalyticsでGoogle Analyticsをもっと便利に!

Page Analyticsのインストール方法

スクリーンショット 2017 04 12 午後9 20 00
▶Page Analytics(by Google) – DLページ

上記リンクをクリックしていただけると、Page AnalyticsのChrome拡張ダウンロードページに飛びます。
そこからダウンロードしていただくことで、簡単にインストールは完了します。
※当然ですがGoogle Chromeをインストールしていないと使えませんのでご注意下さい。

Page Analyticsの使い方

スクリーンショット 2017 04 12 午後9 30 29

ChromeにPage Analyticsがインストールされると、右上に上記の様なアイコンが表示されます。
自身が管理しているサイト以外を表示しているときは一番上のアイコン。
自身が管理しているサイトを表示するとそれ以下のアイコンが表示されます。

管理サイトのGoogle Analyticsのデータを表示したいページに移動し、アイコンをONに切り替えましょう。
※Chrome自体のアカウントも、使用するGoogle Analyticsと同一のアカウントでログインしている必要があります。

Google Analyticsデータを確認する。

Page AnalyticsをONにするとページの上部にこのような画像が表示されます。

スクリーンショット 2017 04 12 午後9 33 27

左下に期間が表示されているため、ここをクリックすると

スクリーンショット 2017 04 12 午後9 37 27

カレンダーが表示されますので、Google Analyticsデータを表示したい期間を表示することができます。
その他にも、

スクリーンショット 2017 04 12 午後9 33 50

各項目をクリックすることで、どのような情報を確認したいかを選択することができます。
全て英語ですが、Google Analyticsを普段使われている方だとなんとなく分かるかと思います。

パーツごとのアクセス数を確認する。

スクリーンショット 2017 04 12 午後9 34 08

Page AnalyticsをONにすると、上記画像のように、数字のついた吹き出しが現れるのに気づくかと思います。
これは、このページ上でのクリック率を表しています。

弊社画像を例に上げると、ブログが全体の28%クリックされているというのが分かります。
これは、弊社TOPページでのクリック率になります。
当然グローバルメニューだけではなく

  • footer
  • バナー
  • アイコン
  • ボタン

など。Linkが設定されているところでしたら全てが対象となります。
思わぬ所のクリック率が高い!なんてことも新しい発見が見つかるかもしれません。

ヒートマップ表示に切り替えも可能

スクリーンショット 2017 04 12 午後9 34 05

右下に上記画像の様な表記があり、TVのカラーバーみたいなのをクリックするとヒートマップ表示に切り替えることができます。
とはいえ、先程の吹き出しと機能自体は変わりません。

スクリーンショット 2017 04 12 午後9 34 29

先程より、見やすくなり色分けされたことで、クリック率がより分かりやすく確認することができるようになりました。
また、マウスをホバーさせてみると

スクリーンショット 2017 04 12 午後9 36 12

このように、クリック数などの詳細を確認することも可能です。

Page AnalyticsでUI改善をはかどらせよう!

De23e88ffc45a3142d80dfb57b9e2431 s

サイト上のリンク率を視覚的に把握することができるようになるPage Analytics。

  • 想定とは違うクリック率になった
  • 想定していない所のクリック率が高かった

なんてことが弊社でも度々確認されます。
漠然と、UIの改善を行うよりも、 Page Analyticsを使い視覚的にUIの改善点を洗い出すとより効率的に業務を勧めていくことができるでしょう。
是非Google Analyticsを使っている方はPage Analyticsも使ってみましょうね。

ホームページ・デザイン制作のご相談・ご依頼は

079-451-5881

68ED4C65-BA1E-46D0-A7AC-B9869923C696 Created with sketchtool. A07C553F-CF16-4B7D-94FE-D36AE0A6297D Created with sketchtool. 37B7D8F4-7A18-4725-9EC6-595ABDF69D64 Created with sketchtool. 95DFB680-1EDF-4199-BC4A-BB6752EBA23C Created with sketchtool. 02DDF754-E1DB-4EF2-B6BB-C884722938C4 Created with sketchtool. NEW! 1A95E369-6469-4C46-B38F-F83410B928B0 Created with sketchtool. Group 5Group 2Group 4Group 3E4FC8CF2-721D-4699-8162-18E886C432C1 Created with sketchtool.