React JSのGoogleアナリティクスで間違ったデータが出力されています（セッションが壊れています）

Question

Wordpressで管理されているコンテンツのほとんどはサイトにありますが、ユーザーがページを検索してJS。

すべてが同じドメインにあるため、ユーザーは2つの異なるアプリケーションとのインターフェイスがないことがわかります。

サイトのGoogleアナリティクスではセッションが正しく認識されていないようです。それはかなり長いURLと検索ページなど、サイトへの入り口（ランディングページ）をログ記録だ：

• あり、このようなランディングページの数千人があり、サイトは新しいですので、これは方法はありませんすべてのトラフィックは、これらのセッションのすべてのための
• リファラーパスは「（未設定）」である
• 内部IPアドレスが
• トラフィックはセッションがあることを示唆し、さまざまなソース/メディアから来ているがフィルタリングされ、外部リンクから来ています何とかbr （下のスクリーンショット）現在

をeaking、GAは、GTMで設定されています。私はusing thisを使ってReactのGTMタグを発射しました。

また、ページビューではなくブラウザ履歴の変更でGTM内のGAタグを作成しようとしました（React、Wordpressの通常ページビューでは履歴が変更されます）。しかし、これらの変更によっても問題は解決されません。これらのセッションは、いずれかのブラウザに固有ではないことを

注：

Answer 1

発生している問題は、あなたのエントリポイントを切り替えて、あなたのハードリフレッシュを行っている、検索時に事実から来ていますページをReactアプリケーションに追加します。ドメインを変更していないようにもかかわらず、この要求によって示されるように、それは、まだ新鮮なページロードとしてブラウザによって考えられ、したがって、そう、あなたの分析のように見せている：

あなたはそうではありませんあなたがアプリ内で反応ルータを使用しているかどうかを本当に伝えました（別のパスが与えられていると仮定しています）。問題を回避する方法は、デフォルトのGAスクリプトの代わりにreact-gaを使用し、onUpdateコールバック - ルーター。

まずインポートして、GAのIDでモジュールを初期化します、あなたのルートの設定に続いて

import ReactGA from 'react-ga' 

ReactGA.initialize('UA-000000-01') 

を<Router>にonUpdateプロパティを追加し、そのパス名のみでGoogle Analyticsを呼び出すメソッドを作成しますダッシュボードでは非常に不快なクエリパラメータはすべて終了しません。

ReactGA.event({ 
    category: 'User', 
    action: 'Search', 
    value: 'your formatted search value' 
}) 

それはまた、あなたの能力を与える：あなたは、ユーザーの検索を追跡したい場合は

const onUpdate =() => { 
    ReactGA.set({ page: window.location.pathname }) 
    ReactGA.pageview(window.location.pathname) 
} 

<Router onUpdate={onUpdate}> 
    ... 
</Router> 

それでも、私の代わりに、イベントを使用して、検索時に次のようなものをやって推薦しますあなたが望む任意の方法で検索の値をフォーマットすることができます。これは、クエリパラメータより読みやすくなります。