Matomo Analyticsのタグマネージャーの概要と使い方をご紹介します。タグマネージャーを使えばこれまで以上に読者の動きを柔軟に計測できるようになります。
Matomoタグマネージャーとは？
タグマネージャーの機能は多岐に渡るので、あくまで私の理解をご説明します。
Googleタグマネージャーの代替とも言われていますが、Matomoタグマネージャーは、アクセス解析用、アフィリエイトリンク用、ソーシャルウィジェット用のコードなどを、Matomoの管理画面で管理することができるようにするシステム、と考えています。
なので、サイト側のコードをいちいち修正しなくても、Matomoの管理画面上でこれらのコードを変更できることになります。
これは非常に便利です。通常、サイト側のコードを変えるにはエンジニアの作業が必要になりますし、複数サイト保有している場合は同じ設定をするのにサイトごとに行う必要があります。タグマネージャーを使えば、エンジニアではない人が、これらのコードをMatomoの管理画面で一括で操作できるようになります。
詳しい仕組みはわからないですが、おそらくJavaScriptを使って動的にMatomoからコードを取得してサイト側に反映するようになっていると思われます。
私の場合、アフィリエイトリンクやソーシャルウィジェットなどはタグマネージャーで管理していませんが、アクセス解析をより精緻に、よりシンプルに行えるようにタグマネージャーを使っています。
というのは、アクセス解析でよくあるニーズとして、読者が何かを行った時に、それを検知したいというのがあります。つまり、何かイベントを検知してそれに関連するデータをMatomoに送信する、という処理が必要になります。これを行うには、通常はどうしてもそのためのJavaScriptのコードをサイト側に設置する必要があります。
とはいえ、サイトを運営していく中で、検知したいイベントや記録したいデータの種類というのはどんどん変化します。その度に、サイト側を修正するのは、色んな意味で大変です。
タグマネージャーを使えば、基本的にはサイト側の修正は不要になるので、よりシンプルに精緻なトラッキングができるということです。
以下の記事でもご説明しているように、サイトの改善には読者の行動から感情レベルまでイメージすることが重要です。そのためにより柔軟に必要なデータを取得できるのは大きな武器になります。
ここからタグマネージャーの重要ないくつかの概念について説明していきます。
タグマネージャーの基本概念
コンテナ
まずこのコンテナはサイトに設置するコードスニペットと一対一で結びつくものです。このコンテナは以降でご説明するタグやトリガーや変数といったものを一つにまとめます。
Matomoの画面で、一つのサイトに複数のコンテナを作成できるようにはなっていますが、同時に利用するのは一つです。
おそらく、同時に複数のコンテナを設置することはできないことはないです。ただ、その場合、複数のコードスニペットをサイト側に設置しなければならないし、ページビューなどの基本のデータは重複してしまう可能性があるので、おすすめしません。
タグ
タグマネージャーによって動的に挿入されるHTMLタグのことです。これはいくつも設定して挿入することができます。
つまり、上述したコンテナと一対一で結びつくスニペットをサイトに設置すると、設定したタグが全て挿入される、ということです。
これが仕組みなのですが、使う人としては、仕組みはあまり意識する必要はありません。ただ、このタグで設定した内容で、計測したデータをMatomo上でどのように表示されるかを決めているという方が重要です。
タグは「どのように」なので「How」ということができます。
トリガー
タグはどのデータをどのように表示するかを決めるものですが、トリガーはそれをどのタイミングで記録するかというもの決めます。
デフォルトで様々なトリガーが用意されています。例えば、ある位置までスクロールされたタイミング、指定したCSSセレクターに当てはまる要素がクリックされたタイミングなどです。
トリガーは「どのタイミングで」なので「When」ということができます。
デフォルトで用意されているトリガーで対応できないタイミングでデータを記録したい場合は、「Custom Event」という種類のトリガーを設定する必要があります。
Custom Eventを使う場合は、残念ながら、サイト側のコードに修正が必要になります。この方法だと、この設定をするサイトごとにこのコードの修正を行う必要があり煩雑です。以下で説明されているプラグインを作成した場合、サイト側のコードは触らずに、Matomoの管理画面でできるかもしれません。
しかし、まだ試せておりません。プラグインを作るには、コマンドラインが使える環境にMatomoがインストールされている必要がありそうなためです。
変数
タグがデータを「どのように」、トリガーが「いつ」記録するかを決めるなら、変数は「何を」にあたります。
トリガーと同じく、デフォルトで様々な変数が用意されています。例えば、クリックされた要素のテキストです。
変数は「何を」なので「What」ということができます。
ちなみに、トリガーだけでも「時間」は記録されています。なので、何かが起きた時間だけが気になる場合は、特に変数を使わない場合もあります。
デフォルトにない変数を使いたければ、「Custom JavaScript」という種類の変数を使えば、JavaScriptで自由に変数を作ることができます。
Custom JavaScriptは上述したCustom Eventと違って、サイト側のコードを修正する必要はなく、Matomo側にコードを登録しておくだけで使えるので便利です。
ここからは、タグマネージャーの使い方をご説明していきます。
タグマネージャーの基本的な使い方
タグマネージャーを有効化する
まずタグマネージャーの画面を開こうとすると、正確な文言は忘れたのですが「タグマネージャーを有効化しますか？」のように問いかけられます。
これを有効化します。
有効化したら、後戻りできないのかや、大幅に使い方が変わったら困る、のような恐怖心があったのですが、結果的には全然問題ありませんでした。
有効化後もこれまで使っていた通りの使い方もできますし、大幅に画面の見方が変わると言うこともありません。もしタグマネージャーが気に入らなければ、これまで通りの使い方をすることも可能です。なので、今となってはなぜここまでしっかり問いかけてくるのかちょっと不思議です。
サイトにコードスニペットをインストールする
以前のMatomoのスニペットに替えて、タグマネージャー用のコードをサイトにインストールする必要があります。
コンテナごとにコードスニペットがあります。タグマネージャーを有効化した段階で、サイトごとにデフォルトのコンテナが一つ生成されています。
対象のコンテナを選択した状態で、左側のカラムの「Install Code」をクリックすると表示されるコードを対象のサイトにインストールします。
基本的にこれは一度行えばこれから行う必要はありません。
ちなみに、以前のMatomoのコードからこちらのコードに替えても、以前のページビューや外部リンククリックなどの通常の項目はきちんと計測してくれています。
コンテナ内にタグ、トリガー、変数を設定
対象のコンテナを選択した状態で、タグ、トリガー、必要であれば変数を設定します。
ちなみに、タグにて、利用するトリガー、変数を指定するので、先にトリガーと変数を作ってからタグの設定をするのがおすすめです。
公開する
コードスニペットをインストールし、タグやトリガーを設定しても、反映はされていません。
なので、左側のカラムの「Publish」を押して、公開する必要があります。バージョン番号などを付与することができます。
ちなみに、この公開は、タグやトリガーの設定変更の反映をする度に行う必要があります。なので、設定だけ変更して、公開を行わないと、きちんと計測できないのでご注意ください。
コンテナ、タグ、トリガー、変数はコピーして流用可能
Matomoで便利なのは、作成したコンテナを他のサイトにコピーできることです。なので、一つのサイトでコンテナを作り込んだら、他のサイトに流用するのは非常に簡単です。
タグ、トリガー、変数も同じように、別コンテナや別サイトにコピー可能です。
タグマネージャーを利用した実例
記事冒頭の目次のどの項目をクリックしたかを記録する
読者が目次のどの項目をクリックしたかを記録します。
以下で設定方法をご説明しています。これはトリガーも変数もデフォルトのものでできるので比較的簡単に設定できます。
サイドバーの目次でどの項目をクリックしたかと位置を記録する
目次は記事冒頭だけでなく、サイドバーで画面に追尾してくる場合も多いです。その場合は、クリックした項目だけでなく、どのスクロール位置でクリックしたかがわかれば、サイト改善のヒントになる可能性があります。
以下のようにクリックした時のスクロール位置を数字で表示しています。0が記事の最上部で100が最下部です。
以下で設定方法をご説明しています。こちらは変数で「Custom JavaScript」を使っています。
ページをタブに残したままの離脱を記録する
タグマネージャー以前のMatomoだと、読者がページを開いたタブを残したまま、他のタブを開いたり別のアプリを操作し始めたりして、離脱した場合、特に記録していませんでした。なので、何分間そのページに居たのか正確な時間がわかりませんでした。
以下のように、タグマネージャーを使えばそのような離脱を記録することができます。
以下で設定方法をご説明しています。こちらも、変数で「Custom JavaScript」を利用しています。とはいえ、上述したサイドバーの目次の時に作ったものを共有しています。つまり、コンテナ内にある変数は、複数のタグから使い回せるということです。
ページの移動やタブを閉じた場合の離脱を記録する
上の設定は、ページをタブに残したままの離脱でしたが、こちらは逆に当該タブからURLの入力やお気に入りから別サイトに移動したり、タブ自体を閉じたりする場合の離脱を記録します。
以下で設定方法をご説明しています。こちらは、デフォルトにはトリガーが用意されていないのでCustom Eventを使っています。
さいごに
Matomoのタグマネージャーは、読者の行動をより精緻に、より簡単にトラッキングするための強力なツールになることがお伝えできたら幸いです。
ぜひサイトの改善にお役立てください。
