使用 Google Tag Manager 在另一个网站中嵌入 React 应用程序<script>

Question

我已经创建了 React 应用程序。 现在我想使用 Google 标签管理器将这个应用程序集成到特定路径上的多个网站中。 即，我创建了<script src="https://myreactapp/bundle.js"></script> 。 根据 Google 标签管理器，我已将此标签添加到我的 GTM 帐户的自定义 HTML 中以用于特定触发器（即“https://myanotherwebsite.com/gtmscriptchanges”）。 由于它是一个反应应用程序，我还包括下面的标签以及上面的脚本标签

  <div id="root"></div>
   <script src="https://unpkg.com/react@16/umd/react.development.js" crossorigin></script>
   <script src="https://unpkg.com/react-dom@16/umd/react-dom.development.js" crossorigin></script>
<script src="https://myreactapp/bundle.js"></script>

除此之外，我还在我的 index.js 文件中包含了https://www.npmjs.com/package/react-gtm-module 。

import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';
import App from './App';
import reportWebVitals from './reportWebVitals';
import TagManager from 'react-gtm-module'

const tagManagerArgs = {
  gtmId: 'GTM-*****'
}

TagManager.initialize(tagManagerArgs)

ReactDOM.render(
  <React.StrictMode>
    <App />
  </React.StrictMode>,
  document.getElementById('root')
);

reportWebVitals();

完成上述所有步骤后，我应该可以在此位置看到我的 React 应用程序： https : //myanotherwebsite.com/gtmscriptchanges ，但不幸的是我无法！ 我没有收到任何错误，而且，我无法在我的另一个网站中看到新的变化。

请帮忙！

Answer 1

我解决了。 我只需要在 React App.js 中添加一个路由

          <Route path='*' exact={true} component={Search} />

其中 Search 是我的基本组件。 详细信息： https : //www.analyticsmania.com/post/single-page-web-app-with-google-tag-manager/