为什么 Google 广告转化创建步骤在生产部署后发生了变化？

Question

在对我在 Netlify 上的网站实施小的修复后，我一直在尝试在 Google 广告上创建转化。修复包括更改按钮颜色、添加新按钮等。因此 GTM 脚本没有变化。但是，在 Netlify 上成功构建后，转换步骤发生了变化。我试图回到 3 步转换创建，这是我在修复之前使用的方式，我还尝试添加一个 GTAG 脚本来执行此操作。我找不到为什么它改变了转化创建步骤的答案，因为它不允许我通过 Google 跟踪代码管理器创建转化。我设法回到之前的三步法，我创建了一个新的 Google 广告帐户，但这次我不能使用该方法。为什么变了？是关于 React 还是 netlify 还是其他什么？您可以在下面查看屏幕截图和index.html：

修正前：

修复后（网站已有GTAG和GTM）：

index.html:

<!DOCTYPE html>
<html lang="en">

<head>
  <!-- Global site tag (gtag.js) -->
  <script async src="https://www.googletagmanager.com/gtag/js?id=AW-XXXXXXXXXXX"></script>
  <script>
    window.dataLayer = window.dataLayer || [];
    function gtag() { dataLayer.push(arguments); }
    gtag('js', new Date());

    gtag('config', 'AW-XXXXXXXXXXX');
  </script>
  <!-- Google Tag Manager -->
  <script>(function (w, d, s, l, i) {
      w[l] = w[l] || []; w[l].push({
        'gtm.start':
          new Date().getTime(), event: 'gtm.js'
      }); var f = d.getElementsByTagName(s)[0],
        j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src =
          'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f);
    })(window, document, 'script', 'dataLayer', 'GTM-XXXXXXX');</script>
  <!-- End Google Tag Manager -->
  <title>Website</title>
  <!-- Meta Pixel Code -->
  <!-- End Meta Pixel Code -->
</head>

<body>
  <div id="root"></div>
</body>

<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-XXXXXXX" height="0" width="0"
    style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->

</html>

返回三步转换的可能解决方案：

从 URL 中删除 BULK_ 并按回车键，它将指向那里
创建一个新的 Google 广告帐户，但如果您在该 Google 广告帐户

不过，我不知道为什么它在该修复程序中发生了变化。它没有发生在以前的更新中。我找不到有关此的任何信息。所以我认为这可能与代码有关。提前致谢。

Answer 1

我认为这只是 Google 促使您使用他们的全局网站代码而不是单独的转化代码段的方式。

如果您输入您网站的 URL，然后 select“使用代码手动添加转化操作”选项，您仍然可以访问“旧”配置屏幕：

为什么 Google 广告转化创建步骤在生产部署后发生了变化？

Why Google Ads converion creation steps changed after production deploy?

google-tag-manager

reactjs

netlify

gtag.js

google-ads-api