Google Developers Japan

Autotrack は analytics.js と合わせて使用するために作られた JavaScript ライブラリで、現在のモダンなウェブに関連する一般的なユーザー インタラクションをトラッキングする幅広いプラグインを提供するものです。

analytics.js 用の Autotrack の最初のバージョンは今年初めに Github でリリースされ、その後のデベロッパーの反応と採用は驚くべきものでした。プロジェクトのスターは 1000 個を超え、Autotrack を使用しているサイトは毎日数百万件のヒットを Google Analytics に送信しています。

本日（*原文公開当時）はうれしいことに、Autotrack バージョン 1.0 のリリースを発表することができます。これにはいくつかの新しいプラグインや既存のプラグインの改善、そして皆様のニーズに応えるために Autotrack をカスタマイズするたくさんの方法が含まれています。

注: Autotrack は公式な Google Analytics 製品ではなく、Google Analytics 360 のサポート対象にはなりません。Autotrack のメンテナンスは Google Analytics デベロッパー プラットフォーム チームが行っています。また、Autotrack は主にデベロッパーを対象としています。

新しいプラグイン

ここ数か月でデベロッパーから受け取ったフィードバックやさまざまな機能リクエストに基づき、以下の新しい Autotrack プラグインを追加しました。

Impression Tracker

Impression Tracker プラグインを使うと、ブラウザのビューポート内に要素が表示されたことをトラッキングできます。これによって、特定の広告やアクションにつながるボタンがユーザーの画面に表示されたかどうかを確実に判断できるようになります。

従来から、ウェブのインプレッション トラッキングは実装が難しいものでした。特に、サイトのパフォーマンスを悪化させないトラッキングは困難でした。このプラグインは、そういった種類のインタラクションを高パフォーマンスでトラッキングするためにデザインされた新しいブラウザ API を活用します。

Clean URL Tracker

URL を変更せずにページビューを Google Analytics に送信するようアナリティクスを実装している場合、レポートに同じ場所を指す別々のページパスが現れるという問題を経験することになるでしょう。以下に例を示します。

• /contact
• /contact/
• /contact?hl=en
• /contact/index.html

Clean URL Tracker プラグインを使うと、お好みの URL 形式（末尾のスラッシュの削除、index.html ファイル名の削除、クエリ パラメータの削除など）を設定し、Google Analytics に送信する前にプリファレンスに基づいて自動的にすべてのページの URL をアップデートすることでこの問題を回避します。

注: Google Analytics に送信する URL は、Google Analytics のビュー設定でビュー フィルタを設定することでも変更できます。

Page Visibility Tracker

ウェブサイトにアクセスしてから、未使用のブラウザのタブで何時間、場合によっては何日もページを開きっぱなしにするユーザーも珍しくなくなってきています。ユーザーがサイトに戻ったときにページをリロードすることはほとんどありません。サイトがコンテンツをバックグラウンドで取得するようになっていればなおさらです。

デフォルトの JavaScript トラッキング スニペットだけで実装している場合、この種のインタラクションをトラッキングすることはできません。

Page Visibility Tracker プラグインは、ページビューを認識するためにモダンなアプローチを利用します。これによって、ページのロードだけでなく、ページの可視性の変化（タブがバックグラウンドになったり、フォアグランドになった場合）もトラッキングできるようになります。こういった追加インタラクション イベントによって、ユーザーがサイトでどのように行動しているかをさらに詳しく分析できるようになります。

アップデートと改善

Autotrack に追加された新しいプラグインに加え、既存のプラグインにもいくつかの大きな改善が行われています。最もわかりやすいのは、ニーズに合わせてプラグインをカスタマイズできる機能です。

Google Analytics にデータを送信するすべてのプラグインは、どのフィールドを送信するかを 100% 正確に制御できるようになっています。また、送信したくないものを削除することもできます。これによって、高度なユーザーはヒットに対して独自のカスタム ディメンションを設定したり、インタラクション設定を変更して直帰率を測定する方法を改善することができるようになります。

以前のバージョンの Autotrack からアップグレードするユーザーは、アップグレード ガイドの完全な変更点リストを参照してください（注: 以前のバージョンと互換性のない変更もあります）。

Autotrack の利用効果が期待されるサイトとは

Autotrack を最初にリリースしてから一番多く受けた質問は、どのようなサイトで最も利用効果が期待できるかという質問かもしれません。とりわけ、さらに高度な Autotrack 機能を使用したい Google Tag Manager ユーザーは、そのような疑問を持つことが多かったはずです。

Autotrack は、Google Analytics で高度なトラッキング技術を活用して効率化を図りたいデベロッパー向けのプロジェクトであり、主にデベロッパーを対象としたものです。既にウェブサイトで analytics.js を使用している、またはコードで実装しているトラッキングの管理を改善したい小規模から中規模のデベロッパー チームには適するでしょう。

複雑なコラボレーションやテストが必要となったり、Google Analytics が対応していないタグ付けを行う必要がある大規模なチームや組織は、Google Tag Manager の利用をご検討ください。現在 Google Tag Manager は Autotrack に含まれるようなカスタムの analytics.js プラグインをサポートしていませんが、同じトラッキング技術の多くは Tag Manager のビルトイン トリガーを利用すると簡単に実現できます。また、その他の機能も、サイトのカスタムコードに基づくデータレイヤー イベントや Google Tag Manager のカスタム HTML タグをプッシュすることで実現できる可能性があります。Google Tag Manager ヘルプセンターの Google Analytics イベントをご覧いただくと、クリックやフォームの送信に基づく自動イベント トラッキングについて詳しく学ぶことができます。

次のステップ

現在 Autotrack を利用しておらず、新しく使ってみたいという方は、ドキュメントのインストールと使い方のセクションを参照してください。既に Autotrack を利用しており、最新バージョンにアップグレードしたいという方は、まずアップグレード ガイドをご覧ください。

Google Analytics のデモとツールのサイトには、Autotrack 利用データを示すレポートがいくつか掲載されているので、Autotrack でどのようなデータを取得できるかについてイメージを得られます。さらに理解を深めたい場合は、Autotrack ライブラリを直接参照してください。これはオープンソースで、学習に役立つ、優れたリソースです。プラグインのソースコードにひととおり目を通せば、そこで analytics.js の高度な機能が利用されていることが理解できるでしょう。

最後に、この機能に関するフィードバックや提案があれば、遠慮なくお知らせください。バグや問題点は、Github から報告できます。


Posted by Eiji Kitamura - Developer Relations Team