Question

点击“图书”按钮时，我们正在尝试从iframe中的预订表单发送Google Analytics（分析）事件。为此，我们需要找出一些问题。

让网站识别iframe中的点击
检查单击的元素是“书本”按钮
如果是，请将Analytics（分析）事件发送到GA

我们已经尝试了一些在线发现的方法，包括：

Detect Click into Iframe using JavaScript

https://www.tutorialrepublic.com/faq/how-to-detect-click-inside-iframe-using-javascript.php

https://codecorner.galanter.net/2015/12/22/detect-iframe-click-from-parent-page/

但不幸的是，这些解决方案中没有一个对我们有用。

从网上找到的以下解决方案中，我们期望的最低要求是，当单击iframe中的元素时，我们可以简单地在控制台中记录一些内容，但是没有任何尝试记录任何内容。

如果任何人对任何步骤都有想法，即使只是让网站识别点击，也将不胜感激。

谢谢

编辑：我们可以控制并能够修改iframe中正在调用的代码

Answer 1

您需要做的是，在您的网站和iframe上都安装分析跟踪器（假设您正在从其他位置加载此预订系统），此外，您应该传递clientID来保留相同的会话和链接的信息，相同的分析属性。

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

  gtag('config', 'GA_MEASUREMENT_ID', {
    'linker': {
      'accept_incoming': true, // This is set to false to the one that will decorate
      'domains': ['example-1.com', 'example-2.com']

    }
  });

</script>

如果出于某种原因您不想触发网页浏览，而只是触发一个事件，请在配置中添加：

gtag('config', 'GA_MEASUREMENT_ID', { 'send_page_view': false });

然后，您只需在iframe中跟踪表单即可。如果您没有该级别的访问权限，请钩住onsubmit事件，并在需要时检查使用document.forms的文本框的内容是否为空。

您可以通过简单的调用来发送事件：

gtag('event', <action>, {
  'event_category': <category>,
  'event_label': <label>,
  'value': <value>
});

在onsubmit内进行了验证。您还必须阅读this documentation才能在Google Analytics（分析）中设置过滤器，以防您要在该页面触发网页浏览。

通过iframe中的按钮发送Google Analytics（分析）事件

1 个答案: