技術情報

Matomoタグマネージャで変数を管理する

タグやトリガーを設定しているとき、右側にこのようなアイコンのあるテキストフィールドがあることに気づいたかもしれません:

このアイコンでは、フォームフィールドに固定値を設定する代わりに、いわゆる「変数」を選択することができます。例えば、現在のページのURL、リファラー、画面サイズなどに依存します。これは素晴らしい機能です。
例えば、ハードコードされたイベント名”//mypageurl “を定義する代わりに、イベント名を現在のページURLパスに置き換えることができます。これは、ユーザーが現在どのページURLを見ているかによって、イベント名が異なることを意味します。

これを行うには、右側のアイコンをクリックし、”Page URL Path “と書かれた行を見つけて選択します。その後、テキストフィールドは次のようになります:

中かっこは、”PagePath “というIDの変数を参照していることを意味します。

さらに一歩進んで、複数の変数をつなげたり、このようにカスタムテキストを追加することもできます:

事前に設定された変数

Matomoタグマネージャには、事前に設定された変数のセットが付属しており、設定することなくすぐに使用することができます。使いたいときに選択するだけです。

ご覧の通り、リストはかなり長いです。

例として、いくつかのページが複数のH1 HTMLタグを含んでいるかどうかを知りたい場合、以下の例のようにMatomoの設定内で変数を使用することができます:

その結果、ページがロードされるとこのように表示される:

上の例でわかるように、変数はカスタム・ディメンションを自動入力することで、その役割を果たしています。

事前に設定された変数は非常に強力ですが、ユーザー定義変数を使えばさらに進化させることができます。

ユーザー定義変数

これに加えて、Matomo には、ニーズに合わせて設定可能な変数タイプが豊富に用意されています。特定の HTML DOM 要素 (例えばフォームの内容) から値を読み取りたい場合や、現在使用されている言語、特定のクッキーの値、あるいはデータ層などのメタタグから値を読み読み取りたい場合があります。

これらの変数タイプのいずれかを使用するには、まず変数を作成し、その変数を設定する必要があります。その後、この変数を名前で参照し、必要なときにいつでも再利用することができます。例えば、変数に「自分で作った変数名」という名前をつけたとすると、後でこのように参照することができます:

変数名を覚えておく必要はないのでご安心を。右のアイコンをクリックして、作成した変数を選択するだけです。
このような変数を作成するには、”変数 => 変数の作成 “にアクセスするか、上記のテキストフィールドアイコンをクリックして、”新しい変数の作成 “を選択することで、いつでも直接変数を作成することができます。

変数タイプの画面が表示され、最初に変数タイプを選択する必要があることが説明されます:

この例では、「公開日」を収集したい。この変数は、ページのDOM要素内で定義されます:

このデータを取得するために、Matomoに作業したいDOMエレメントを指示する必要があります。私たちの具体的なケースでは、このDOMエレメントは値として “entry-date published “を持つクラスを含んでいます。

一度作成したら、レポート内でそのデータを処理するために、タグ、例えばカスタム・ディメンションに関連付けるだけです:

可能性は無限です。そしてさらに上を目指すこともできます。

変数の詳細設定デフォルト値とルックアップテーブル

高度な変数設定により、TMSコンフィギュレーションをさらに進めることができます。下のスクリーンショットの例では、ルックアップテーブルを使用して、いくつかの条件に応じて変化する変数を作成することができます:

そして、Matomoタグの中で、設定変数を通してこの変数を呼び出すことができます:

その結果、すべてのウェブサイトにデータを送信するのに必要なコンテナは1つだけとなり、タグの配置にかかる時間を大幅に節約できます。