0

我正在尝试将谷歌标签管理器脚本添加到 Wasm 项目。为此,我在文件夹中创建了一个新的脚本localscript.js文件WasmScripts。这就是该文件的样子

(function () {
    const head = document.getElementsByTagName("head")[0];

    var myScript = document.createElement('script');

    myScript.setAttribute('src', 'https://www.googletagmanager.com/gtag/js?id=UA-1234567-7');

    head.appendChild(myScript);
})();
window.dataLayer = window.dataLayer || [];
function gtag() { dataLayer.push(arguments); }
gtag('js', new Date());

gtag('config', 'UA-1234567-7');

然后我将这个脚本嵌入到这样的wasm.csproj文件中

  <ItemGroup>
      <EmbeddedResource Include="WasmCSS\Fonts.css" />
      <EmbeddedResource Include="WasmScripts\AppManifest.js" />
      <EmbeddedResource Include="WasmScripts\localscript.js" />
  </ItemGroup>

对我来说一切都很好,但是当我运行它时,localscript.js会在googletagmanager. 我该如何解决这个问题,以便googletagmanager首先出现支持代码然后出现?

4

1 回答 1

1

您可以使用提供的Uno.Wasm.Bootstrap require.js

require(
    ["https://www.googletagmanager.com/gtag/js?id=UA-1234567-7"],
    () => {
        window.dataLayer = window.dataLayer || [];
        function gtag() { dataLayer.push(arguments); }
        gtag('js', new Date());

        gtag('config', 'UA-1234567-7');
    }
);

这将使箭头函数中的代码在脚本下载后执行。

于 2020-07-16T20:29:35.000 回答