Matomo Tag Managerのデータレイヤー
簡単に説明すると、データレイヤーはページに表示されないデータにアクセスするために最もよく使われます。最も良い例は、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のデータレイヤーと同じようにサポートしていきます。
このトレーニングビデオでデータレイヤーについて詳しく学びましょう。