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 プラグインに関するドキュメントをご覧ください)。
自動トラッキング機能が効果的なケース
自動トラッキング機能はどのような方にもおすすめですが、特に、解析ツールの設定がカスタマイズされていないサイトで上述の各種機能を活用したい場合に有効です。
現時点でデフォルトのトラッキング スニペットを使用している方は、この機能のご利用をぜひご検討ください。既に設定をカスタマイズして Google アナリティクスを利用している方は、まずこちらのドキュメントで、競合する機能がないか、重複して記録されるデータがないかご確認ください。
次のステップ
より高度な知識が必要になった場合でも、自動トラッキング機能のライブラリはオープンソースのため、効果的に学習できます。プラグインのソース コードをチェックすれば、analytics.js の高度な機能の仕組みについて理解を深めることができます。
ご意見やご提案がありましたら Google までお寄せください。バグや問題については、Github からご報告ください。
免責事項 : autotrack は、Google アナリティクスの Developer relations チームによって、主に開発者向けに提供されています。公式な Google アナリティクス製品ではなく、Google アナリティクス プレミアムのサポート対象ではありません。autotrack をお使いの際は、Google アナリティクスのサービス規約並びに各国の適法範囲でご使用いただくことをご確認ください。