使用<script>与Google在另一个网站中嵌入React应用

Question

我创建了React应用程序。现在，我想集成这个应用程序在多个网站上的一个特定的路径使用和谷歌标签管理器。也就是说，我创造了<script src="https://myreactapp/bundle.js"></script>。根据Google管理器，我在GTM帐户的自定义中为特定触发器(即“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>

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

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} />

搜索是我的基本组成部分。详细信息：https://www.analyticsmania.com/post/single-page-web-app-with-google-tag-manager/