0

ReactJSアプリケーションは、ユーザーがウェブサイトの周りにブラウズするよう、唯一のビューとルートが変化する、という方法であり、そこにあるの追跡ページビューとなどがトリガなしない(GTMがありますルートごとにロードされません)。私は<strong>AngularJS</strong>とその構造に取り組んできました

したがってAngularJSのウェブサイトではGoogle Analytics(でも、あまりにも有望ではありません)のかなりの問題に直面しています。

は今、私はReactJSに読んでいます、と私はLaravelでそれを一緒に使用することは非常に熱心です。私は、Reactの仮想DOMの概念が実際には、ユーザーがページにアクセスするたびにGoogleタグマネージャのコンテナが読み込まれない可能性があるため、後で同様のトラッキングの苦痛を引き起こすと懸念しています。

誰かが問題追跡に直面しています。

答えて

1

Reactを与えられたDOM要素にマウントします。これはマウントルート要素になります。これらの要素のみを使用すると、スクリプトタグと同様にしている場合、内部のみ#mount内のコンテンツに変更するため、GTMタグがすべきことが可能に反応するこれらは、その中

<html> 
    <head> 
    <script src="/gtm.js"></script> 
    <script src="/react.js"></script> 
    </head> 
    <body> 
    <div id="mount"> 
    </div> 
    <script> 
     class Test extends React.Component { 
     track() { 
      window.dataLayer.push({ 
      event: 'Stuff' 
      }); 
     } 

     render() { 
      return <button onClick={this.track} />; 
     } 
     } 
     React.render(<Test />, document.getElementById('mount')) 
    </script> 
</html> 

を影響されることはありません、反応しないことを意味し、変更されます常に存在する。

+0

この場合gtm.jsは、ページ(ルート)を切り替えるたびに**再度読み込まれません**。そうですか? – Sina

+0

はい、ありがとうございます。 –

関連する問題