javascript - 特定时间后的转化跟踪

Question

我想设置一个转化指标来跟踪用户在页面上停留时间超过 30 秒的情况。我对 Google Adwords 感到困惑。它为我提供了一段 javascript 代码，可以将其注入(inject)到我的 body 标记中。这是我的问题。我没有看到任何明显的代码片段实际启动了转换。请看下面:

<!-- Google Code for 30+ Seconds on site Conversion Page -->
<script type="text/javascript">
/* <![CDATA[ */
  var google_conversion_id = "my id here";
  var google_conversion_language = "en";
  var google_conversion_format = "3";
  var google_conversion_color = "ffffff";
  var google_conversion_label = "the label";
  var google_remarketing_only = false;
/* ]]> */
</script>

<script type="text/javascript" src="//www.googleadservices.com/pagead/conversion.js">
</script>

我的计划是在 JavaScript 中设置一个简单的超时延迟，一旦 30 秒过去，就运行上面的代码。但这行得通吗？我没有看到任何一行大喊“嘿，这行代码与谷歌服务器通信并启动此转换”。我需要做什么才能让它发挥作用？谢谢。

Answer 1

问题是，这段代码并没有真正“运行”任何东西，它只是告诉浏览器加载脚本。

要添加一些延迟，您需要创建 JS 元素并稍后将其注入(inject)到您的页面中。

你可以尝试这样的事情:

<script type="text/javascript">
  var google_conversion_id = "my id here";
  var google_conversion_language = "en";
  var google_conversion_format = "3";
  var google_conversion_color = "ffffff";
  var google_conversion_label = "the label";
  var google_remarketing_only = false;

  var head = document.getElementsByTagName('head').item(0);
  var script = document.createElement('script');
  script.setAttribute('type', 'text/javascript');
  script.setAttribute('src', '//www.googleadservices.com/pagead/conversion.js');

  setTimeout(function() {
    head.appendChild(script);
  }, 30000);
</script>

或者您可以只使用 asynchronous version其中;-)