React Routerを使用してGoogleアナリティクスにカスタムディメンションを追加するにはどうすればよいですか？

Question

私の現在の分析のセットアップは次のようになります。

this.context.router.listen(location => { 
    analytics.page(location.pathname, { 
    title: document.title, 
    url: `${config.HOST_URL}${this.context.router.createHref(location)}`, 
    path: this.context.router.createHref(location), 
    referrer: document.referrer, 
    state: location.state, 
    }); 
}); 

locationオブジェクト内のデータの量はかなり少ないです。質問は、componentDidMountブロックに読み込まれたアイテムに関する情報をページトラッキングにどのように取得するのですか？

この特定の例では、ユーザーがGoogleアナリティクスを見ているアートワークに関する情報をカスタムディメンションとして追加しようとしています。以下のリンクは、通常どのように追加されるかを示しています。

https://support.google.com/analytics/answer/2709828?hl=en#example-hit

私は与えられた情報から、反応し、ルータをv2の

Answer 1

を使用しています、私はあなたの最善の策は、にリスナーに条件を入れて、あなたがより多くのデータを追加したいページの上にあると言うだろうそのページをロードする場合はログに記録しないでください。次に、データを持っているcomponentDidMountで、ページの分析を呼び出します。

基本的には、より多くのデータを必要とするページのためにオーバーライドしてください。