Matomo Eコマース・トラッキングを最も柔軟にウェブサイトに実装する場合、タグマネージャーデータレイヤーを活用することをお勧めします。これはGoogle Tag Manager (GTM)と同様に機能します。

以下は、データレイヤーを使用してEコマース・トラッキングを実装するための手順です：

ステップ1：「データレイヤー変数名」を ecommerce.purchase とし、PurchaseInfo という名前の「データレイヤー変数」を作成する。

ステップ2：イベント名がpurchaseの場合にトリガーする “カスタムイベント “トリガーを作成する。

ステップ3: Eコマースのインタラクションを追跡するために、この “カスタムイベント “トリガーで起動するカスタムHTMLタグを作成します。例えば、Eコマースの注文を追跡するには、次のように記述します：

<script>
window._paq = window._paq || [];
var purchaseInfo = {{PurchaseInfo}};
//console.log(purchaseInfo);
window._paq.push(['trackEcommerceOrder',
  purchaseInfo.id, // (required) Unique Order ID
  purchaseInfo.revenue, // (required) Order Revenue grand total (includes tax, shipping, and subtracted discount)
  purchaseInfo.orderSubTotal, // (optional) Order sub total (excludes shipping)
  (purchaseInfo.tax || 0), // (optional) Tax amount
  (purchaseInfo.shipping || 0), // (optional) Shipping amount
  (purchaseInfo.discount || false) // (optional) Discount offered (set to false for unspecified parameter)
]);
</script>

ステップ4：最後に、eコマースのバックエンドのウェブサイト/アプリ自体で（タグマネージャー内ではなく）、JavaScriptで以下のようにタグマネージャーのイベントをトリガーします：

window._mtm = window._mtm || [];
window._mtm.push({
'event': 'purchase',
'ecommerce': {
  'purchase': {
    'id': 'dynamic value',
    'revenue': 'dynamic value',
    'orderSubTotal': 'dynamic value',
    'tax': 'dynamic value',
    'shipping': 'dynamic value',
    'discount': 'dynamic value',
    }
  }
});

で、dynamic valueを、このコマースインタラクションの実際の値に置き換えます。このタグマネージャーイベントpurchaseがカスタムHTMLタグがトリガーとなり、データレイヤーのダイナミック変数を使用してMatomoのEコマースインタラクションをトラッキングします。

Matomo for WordPress内でMatomo Tag Managerを使用していて、 WooCommerce、Easy Digital Downloads、またはMemberPressをトラッキングしたい場合は、弊社のプラグインがすべて行いますので、何もする必要はありません。WordPressのMatomo Analyticsトラッキング設定で、”Ecommerce “設定が有効になっていることを確認してください。