技術情報

Matomo Tag Managerのデータレイヤー

データレイヤーは、TMSを十分に活用するために、高度な開発者やアナリストが使用します。

簡単に説明すると、データレイヤーはページに表示されないデータにアクセスするために最もよく使われます。最も良い例は、eコマースの分析機能です。顧客が注文を検証するとき、多くの場合、購入した商品を確認するページには購入金額や商品数などが表示されます。しかし、それらはもうページに表示されません。その結果、これらの値をタグマネージャに知らせる方法を見つける必要があります。これはデータレイヤーで実現できます。詳しくはこちらのFAQをご覧ください:Tag Managerデータレイヤーを使用してEコマースインタラクションを追跡するにはどうすればよいですか?

データレイヤーは、データ収集に一貫性を持たせる良い方法でもあります。タグマネージャを使用する場合、ウェブサイトのソースコードに基づいて変数を定義することが多く、IDやクラスなどのDOM要素を使用する場合がそうです。しかし、ソースを変更したらどうなるでしょうか?トラッキングができなくなります。
データレイヤーは、ページの冒頭でデータが適切に収集されていることを保証することで、この問題を解決しています。

データレイヤーを使用することは、ウェブページのコンテンツ内に余分なソースコードを挿入することを意味します。

データレイヤーを含めるには、コンテナータグの前に以下のコードを追加する必要があります:

<script>
var  _mtm =  _mtm || [];    
</script>

このデータレイヤーは空なので、変数をプッシュするために追加のコード行を挿入する必要があります:

<script>
var  _mtm =  _mtm || [];
_mtm.push({'weather': 'sunny'});
</script>

定義されると、デバッグモードでデータレイヤーに新しい変数が入力されたことがすぐにわかります:

上のスクリーンショットの例では、ユーザーの位置から天気をプッシュしたい。この値を動的にしたいので、開発者は静的な値を挿入する代わりにこのような値を設定します:

<script>
var  _mtm =  _mtm || [];
_mtm.push({'weather': 'MY CODE HERE TO GET THE DATA FROM A WEATHER API'});
</script>

この変数を任意のタグで使用するために、Matomoタグマネージャ内で簡単に変数を作成できます:

そして、以下のスクリーンショットの例のように、Matomo Analyticsで分析します:

Google タグマネージャから Matomo タグマネージャに移行する場合、TMS は Google タグマネージャ形式で記述されたデータレイヤーをサポートします。その結果、もしあなたのデータレイヤーが

<script>
  dataLayer = [{
    'variable-name': 'value'
  }];
</script> 

Matomoのデータレイヤーと同じようにサポートしていきます。

このトレーニングビデオでデータレイヤーについて詳しく学びましょう。