0

標準の html/css/javascript Web サイトを React PWA に変換しています。react-gtm-module を使用して Google タグ マネージャーを初期化する際に問題が発生しています。

次のスニペットは、元の作業 html サイトからのものです。

<code>
script async src="https://www.googletagmanager.com/gtag/js?id=AW-xxx871634"> /script
</code>

次の React スニペットは、App.js ファイルにあります。

<code>
import GTagManager from 'react-gtm-module';
GTagManager.initialize({gtmId: 'AW-xxx871634'});
class App extends React.Component {
</code>

Tag Assistant ツールは、次のエラーにフラグを立てます。

<code>
script async="" src=""https://www.googletagmanager.com/gtm.js?id=AW-959871634&gtm_auth=&gtm_preview=&gtm_cookies_win=x"">/script

Invalid or missing account ID?
HTTP response code indicates tag failed to fire: Status 404. This could be due to an empty or un-published container.
</code>

ローカルで、または「npm run build」を実行してホスト Web サーバーにアップロードした後に、同じエラーが発生します。

次の場合も同じエラーが発生します。

<code>
import GTagManager from 'react-gtm-module';
class App extends React.Component {
...
componentDidMount(){
GTagManager.initialize({gtmId: 'AW-xxx871634'});
...
</code>

任意の支援をいただければ幸いです。

ありがとう。

4

2 に答える 2