SHOEISHA iD

※旧SEメンバーシップ会員の方は、同じ登録情報(メールアドレス&パスワード)でログインいただけます

おすすめのイベント

おすすめの講座

おすすめのウェビナー

マーケティングは“経営ごと” に。業界キーパーソンへの独自取材、注目テーマやトレンドを解説する特集など、オリジナルの最新マーケティング情報を毎月お届け。

『MarkeZine』(雑誌)

第85号(2023年1月号)
特集「2023年、マーケターたちの挑戦 ──未来を拓く人・企業・キーワード」

MarkeZineプレミアム for チーム/チーム プラス 加入の方は、誌面がウェブでも読めます

水野貴明の“技術から学ぶ”アクセスログの読み方

JavaScriptを利用してGoogle Analyticsを賢く活用する


JavaScriptを使った解析は、Google Analyticsの登場によって非常に容易になりました。今回は、Google Analyticsを例に、どんなタイミングでのアクションが記録することができ、そこからどういった解析が可能になるのか、といった事をブラウザやJavaScriptの仕組みの基本も交えながら解説していきたいと思います

高性能な機能をもつGoogle Analytic

 Google Analyticsは、ここで説明するまでもありませんが、Googleが提供するアクセス解析サービスです。基本的には無料で、しかもかなり高機能なサービスを利用できるため、非常に注目されていて、Google Analyticsのみをあつかった書籍も発売されているほどです。このツールは、もともとは「Urchin」というツールとして有料で提供されていたものを、Googleが買収し、無料で利用できるようにしたものです。

 Google Analyticsでは、単にそれぞれのページのアクセス数だけではなく、複数のページにわたる移動や、一連の作業(たとえばユーザー登録や商品の購入など)をするに当たり、どれだけの人が行動を始め、そのうちのどれだけが途中で断念し、どれだけの人が最後まで作業を完了できたか、といった特定の行動にフォーカスした解析も行うことができま す。

 あまりに高機能なため、その使い方や情報の意味を理解するのに少し時間がかかってしまうのが難点ですが、きちんと理解しさえすれば、自サイトのアクセス動向を知るのに十分な機能を提供してくれます。実際、Googleが提供しているページでも、Google Analyticsのコードが埋め込まれているところもあり、Google社内でも利用されていることが見て取れます(たとえば Googleトークのダウンロードページなど)。

 Google Analyticsは、各ページに指定されたコードを埋め込んで、それぞれのページのアクセスや、ページ間の移動を見る、ということが基本になりますが、タイプとしては「JavaScriptを使ったアクセス解析とはなにか」で解説したような、JavaScriptを利用して記録を行うタイプのツールです。JavaScriptを利用したアクセス解析では、「ページにアクセスがあった」というだけでなく、リンクをクリックした、ページを閉じたといったような様々なタイミングでのアクセスの記録が可能です。

 そして、Google Analyticsでも「ページにアクセスが行われた」ということ以外にも、たとえば、リンクがクリックされた、ページを閉じた、といった様々なユーザーの行動を記録することもできるよう、設計されているのです。しかも、そういった解析が可能なようにデザインされており、しかもJavaScriptの知識がほとんどなくても、非常に簡単に行える仕組みが用意されているのです。

 今回は、そうした「アクセス時以外のタイミング」でのアクセスの記録について、どんなタイミングで記録ができるのか、実際に記録を行うにはどうしたらいいのか、ということをブラウザの仕組みとあわせてみていきたいと思います。Google Analyticsでは、以下のようなタグをページ内に埋め込むだけで、アクセスを記録し、自動的に解析してくれます。

<script src="http://www.google-analytics.com/urchin.js" type="text/javascript">
</script>
<script type="text/javascript">
_uacct = "UA-53636-1";
urchinTracker();
</script>

 この部分がJavaScriptに関する記述であることは、「text/javascript」という部分が含まれていることからわかるとおもいます。まずはちょっとこの部分の意味を見ておきましょう。

 1行目に記述されているタグでは、Google Analyticsのプログラム本体が指定されています。HTMLでは、このようにSCRIPTタグに「src="URL"」と指定すると、そのファイルを読み込んでその中身をJavaScriptとして実行してくれるようになっています。このおかげで、ユーザーである我々が貼り付けなければならないタグは非常に短いのです。

 Google Analyticsが動作するためには、もっと複雑なプログラムが必要で、それを指定しているのが1行目のSCRIPTタグです。そこで指定されている「http://www.google-analytics.com/urchin.js」というURLにアクセスすると、非常に巨大なプログラムを見ることができます。しかし、それはあくまで内部の処理なので、理解する必要はありません。

図.2 urchin.jsは巨大なJavaScriptファイル

 続くSCRIPTタグは、srcが指定されていません。その代わりに、タグの中に直接JavaScriptのプログラムが記述されています。とは言っても、たったの2行なので、それほどおそれる必要はありません。

 最初の行では、まず利用するGoogle Analyticsのトラッキングコードを設定しています。上記の例では「UA-53636-1」です。ここは、それだけの意味です。

 そして、続く「urchinTracker();」というのが、アクセスを記録するための命令です。すごく短く感じるかもしれませんが、これによって、urchin.js、つまり読み込まれた別のJavaScriptのプログラムが呼び出され、アクセスが記録されるようになっています。

 ここで注目してほしいのは、「urchinTracker();」という命令が実行されると、アクセスが記録されるということです。図1のように記述した場合、そのプログラムはページが読み込まれた際に実行されます。しかし、それ以外のタイミングで、この命令を実行することも可能で、たとえばリンクがクリックされた際に実行すれば「クリックされた」という事が、ページが閉じられた際に実行すれば「ページが閉じられた」という事が記録できるわけです。

 あとはどういうタイミングでそれを実行するか、それをするにはどうしたらいいのかを考えれば良さそうです。

会員登録無料すると、続きをお読みいただけます

新規会員登録無料のご案内

  • ・全ての過去記事が閲覧できます
  • ・会員限定メルマガを受信できます

メールバックナンバー

次のページ
Google Analyticsでページ表示以外のタイミングを記録する

この記事は参考になりましたか?

  • Facebook
  • Twitter
  • Pocket
  • note
水野貴明の“技術から学ぶ”アクセスログの読み方連載記事一覧

もっと読む

この記事の著者

水野 貴明 (ミズノタカアキ)

1973年東京生まれ。バイドゥ株式会社勤務の兼業テクニカルライター。学生のとき に父親が買ってきたパソコン(マイコン)と出会い、コンピュータとの付き合い を開始。大学は有機化学、大学院では分子生物学を学ぶも、就職で再びコンピュータの道を進むことになった。その後インターネットの普及により、様々な方に出会う機会を得て1999年より執筆活動を開始。 http://d.hatena.ne.jp/mizuno_takaaki/ 著書 『アクセス解析でホームページの集客を極める本』 水野 貴明著、 ソーテック社、2005年3月  『詳解RSS~RSSを利用したサービスの理論と実践』 水野 貴明著、ディー・アート、2005年8月

※プロフィールは、執筆時点、または直近の記事の寄稿時点での内容です

この記事は参考になりましたか?

この記事をシェア

MarkeZine(マーケジン)
2007/10/27 03:35 https://markezine.jp/article/detail/1959

Special Contents

PR

Job Board

PR

おすすめ

イベント

新規会員登録無料のご案内

  • ・全ての過去記事が閲覧できます
  • ・会員限定メルマガを受信できます

メールバックナンバー

アクセスランキング

アクセスランキング