標準の 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>m_auth=>m_preview=>m_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>
任意の支援をいただければ幸いです。
ありがとう。