analytics.js の自動トラッキング機能の紹介 | Google Analytics 日本版 公式ブログ

Google Analytics 日本版 公式ブログ - 2016年3月11日(金) 15:15
このページは、外部サイト Google Analytics 日本版 公式ブログ の情報をRSSフィード経由で取得して表示しているため、記事の一部分しか表示されていなかったり、画像などが正しく表示されなかったり、オリジナル記事が意図したデザインと異なっていたりする場合があります。
完全な状態のオリジナル記事は 「analytics.js の自動トラッキング機能の紹介」 からご覧ください。
この記事は、Google アナリティクス 英文ブログ記事 「Introducing Autotrack for analytics.js」 を元に構成しております。
Google アナリティクスの初期のころと比べると、ウェブ環境は大きく変わりました。当時はほとんどのウェブサイトが個々のページで構成され、リンクのクリックやページ全体の読み込みリクエストを介して、あるページから別のページへの移動が行われていました。このようなサイトでは、汎用の JavaScript トラッキング スニペットが 1 つあれば、関連するユーザー操作の大部分をトラッキングすることが可能でした。

しかし現代のウェブ環境は、大幅に複雑性が増して変容しています。従来の静的なウェブサイト以外に、多機能なウェブ アプリケーションが現れました。ユーザー操作がリンクのクリックやフォーム送信だけではなくなり、「ページ ビュー」がページ全体の読み込みを意味するとは限らなくなりました。

ただ、ウェブ環境は変容していますが、解析ツールの設定はまったく変わっていません。Google アナリティクス ユーザーのほとんどは、デフォルトのトラッキング コードをコピーして貼り付けているだけです。Google アナリティクスに他の機能があることを知ってはいても、時間をかけてそれを学ぶことには消極的なようです。

analytics.js の自動トラッキング機能は、こうした問題に対する新しいソリューションです。手間を最小限に抑えながら、Google アナリティクスの各種機能を最大限に活用できるため、現代のウェブ環境に適した有用なデータをトラッキングする土台となります。

機能の特徴

自動トラッキング機能のライブラリにはさまざまな analytics.js プラグインが揃っており、ライブラリ全体をそのまま使用することも、必要なプラグインを取捨選択することもできます。自動トラッキングの機能を以下でいくつかご紹介します。

アウトバウンドのリンクやフォーム送信のトラッキング

ユーザーがサイト上で別のページに移動するリンクをクリックすると、一般的には、ユーザーがそのページに移動した後にページ ビューのヒットが送信されます。一連のページ ビューが発生するため、ユーザーの移動先(および移動前)の地点を Google アナリティクスがバックエンドで認識することが可能になります。しかし、ユーザーが外部ドメインへのリンクをクリックした場合や、外部ドメインにフォームを送信した場合は、Google アナリティクスで内容を具体的に指定しないと該当の操作はトラッキングされません。

これまでは、このようなアウトバウンドのリンクやフォーム送信はトラッキングの設定が困難でした。ほとんどのブラウザでは、新しいページの読み込みが開始されると、現在のページ上での JavaScript の実行が中止されてしまうためです。しかし自動トラッキング機能ならこの問題に対処し、アウトバウンドのリンクやフォーム送信をトラッキングできます(この機能は無料でご利用いただけます)。

単一ページ アプリケーションでの URL 変更のトラッキング

コンテンツが動的に読み込まれ、History API によって URL が更新される単一ページ アプリケーションの場合は、デフォルトのトラッキング スニペットでは最初のページの読み込みしかトラッキングされないため対応できません。新たなコンテンツの読み込みが正常に完了するたびに追加でページ ビューを送信するとしても、難しい問題が残ります。

自動トラッキング機能では、History API によって URL の変更が自動的に検知され、ページ ビューとしてトラッキングされます。トラッカーと変更後の URL の同期も維持されるため、以降のヒット(イベント、ソーシャル インタラクションなど)がすべて正しい URL に関連付けられます。

宣言型イベントのトラッキング

JavaScript でイベント リスナーを手動で記述するよりも、HTML に宣言型のイベントを追加する方が簡単な場合もあります。単純なクリック イベントをトラッキングする場合などがこれに該当します。自動トラッキング機能を使って以下のようなデータ属性をマークアップに追加するだけで、クリック イベントをトラッキングできます。

<button data-event-category="Video" data-event-action="play">再生</button>

ユーザーが上記のボタンをクリックすると、対応するカテゴリと操作の情報(オプションでラベルや値の情報も送信可能)とともにイベントが Google アナリティクスに送信されます。

メディア クエリのトラッキング

現在、ほとんどのサイトにレスポンシブ デザインが採り入れられ、ユーザーが使用しているデバイスの画面サイズや機能に応じてページのレイアウトが調節されるようになっています。このように、メディア クエリによってページの外観や機能を調節する場合は、その情報を取得し、アクティブなメディア クエリの種類に応じて利用形態がどのように変わるのかを適切に把握することが大事です。

自動トラッキング機能では、使用するメディア クエリの値をまとめて登録すると、その値がカスタム ディメンションを介して自動的にトラッキングされるようになります。これらの値は、変更された場合でもトラッキングされます(メディア クエリをトラッキングするには、Google アナリティクスでカスタム ディメンションを設定する必要があります。この設定は数分で済みます。詳しくは mediaQueryTracker プラグインに関するドキュメントをご覧ください)。

これらの機能は、自動トラッキングで利用できる機能のほんの一例です。すべてのプラグインのリストや使用手順については、Github にある自動トラッキング機能に関するドキュメントをご覧ください。

自動トラッキング機能が効果的なケース

自動トラッキング機能はどのような方にもおすすめですが、特に、解析ツールの設定がカスタマイズされていないサイトで上述の各種機能を活用したい場合に有効です。

現時点でデフォルトのトラッキング スニペットを使用している方は、この機能のご利用をぜひご検討ください。既に設定をカスタマイズして Google アナリティクスを利用している方は、まずこちらのドキュメントで、競合する機能がないか、重複して記録されるデータがないかご確認ください。

次のステップ

自動トラッキング機能のご利用方法は、関連ドキュメントの利用方法に関するセクションでご確認いただけます。自動トラッキング機能で収集できるデータの概要については、Google アナリティクスのデモとツールの情報をまとめたサイトをご覧ください。この機能のデモや、サイトが独自にまとめた Google アナリティクス データの表を確認できます。

より高度な知識が必要になった場合でも、自動トラッキング機能のライブラリはオープンソースのため、効果的に学習できます。プラグインのソース コードをチェックすれば、analytics.js の高度な機能の仕組みについて理解を深めることができます。

ご意見やご提案がありましたら Google までお寄せください。バグや問題については、Github からご報告ください。

投稿者: Philip Walton、デベロッパー プログラム エンジニア

免責事項 : autotrack は、Google アナリティクスの Developer relations チームによって、主に開発者向けに提供されています。公式な Google アナリティクス製品ではなく、Google アナリティクス プレミアムのサポート対象ではありません。autotrack をお使いの際は、Google アナリティクスのサービス規約並びに各国の適法範囲でご使用いただくことをご確認ください。
メルマガの登録はこちら Web担当者に役立つ情報をサクッとゲット!

人気記事トップ10(過去7日間)

今日の用語

ブランドセーフティ
広告出稿が原因で企業や製品のブランドイメージを毀損するリスクと、そのリスクにどう ...→用語集へ

連載/特集コーナーから探す

インフォメーション

RSSフィード


Web担を応援して支えてくださっている企業さま [各サービス/製品の紹介はこちらから]