谷歌分析与多个联系表格 7 转换跟踪问题答案

【问题标题】：Google analytics with multiple contact forms 7 conversion tracking problem谷歌分析与多个联系表格 7 转换跟踪问题
【发布时间】：2021-05-18 20:06:21
【问题描述】：

我在谷歌分析中创建多个转换时遇到问题，而无需在同一站点上使用带有多个表单的标签管理器，使用 Wordpress 的 Contact form 7 插件 . 在网站的标题中，我添加了如下代码：

document.addEventListener( 'wpcf7mailsent', function( event ) {
  ga('send', {
    hitType: 'event',
    eventCategory: 'contact_form',
    eventAction: 'submit',
    eventLabel: 'wpcf7-f712-o2'
  });
  ga('send', {
    hitType: 'event',
    eventCategory: 'contact_form',
    eventAction: 'submit',
    eventLabel: 'wpcf7-f1399-o1'
  });
} );
<script>

wpcf7-f712-o2 和 wpcf7-f1399-o1 是 DIV 中的 ID，由 html 中的联系表单 7 创建：

<div role="form" class="wpcf7" id="wpcf7-f712-o2" lang="pl-PL" dir="ltr">
<div class="screen-reader-response"><p role="status" aria-live="polite" aria-atomic="true"></p> <ul></ul></div>
<form action="/#wpcf7-f712-o2" method="post" class="wpcf7-form init" novalidate="novalidate" data-status="init">
....

在谷歌分析转换中，我设置了两次转换：

类别：Contact_form

操作：提交

标签：wpcf7-f712-o2

和

类别：Contact_form

操作：提交

标签：wpcf7-f1399-o1

问题是，如果我测试其中一种形式，谷歌分析会为我提供转换工作但来自两种形式的信息。虽然它应该只适用于一个所需的转换，而不是两者。

是否可以在不使用标签管理器的情况下进行设置？

【问题讨论】：

标签： javascript html wordpress google-analytics

【解决方案1】：

在代码的第一行中，您为任何名为'wpcf7mailsent' 的事件创建一个侦听器。因此，当触发此事件时，将执行包含两个 ga() 调用的回调。这意味着，无论您是通过单击一个按钮还是另一个按钮来触发 'wpcf7mailsent' 事件，都会执行触发两个 ga() 的回调，从而将两次转化发送到 Google Analytics。

如果您使用的是谷歌标签管理器，我建议您创建两个标签，每个表单一个。确保您附加到每个标签的触发器对应于它自己的表单，而不是另一个。要区分单击的是哪个按钮，可以使用按钮的文本或类名。

如果您不想使用 Google 跟踪代码管理器，只需确保在回调中触发正确的 ga() 调用即可。与在跟踪代码管理器中一样，您应该能够从单击的按钮中检索 ID、类名或其他任何内容，以便区分已提交的表单。

【讨论】：

【解决方案2】：

我找到了解决方案：https://agvento.by/en/web-development-en/how-to-create-and-edit-goals-in-google-analytics-for-contact-form-7/

<script>
document.addEventListener( 'wpcf7mailsent', function( event ) {
if ('712' == event.detail.contactFormId){
  ga('send', {
    hitType: 'event',
    eventCategory: 'contact_form',
    eventAction: 'submit',
    eventLabel: 'wpcf7-f712-o2'
  });
}
if ('1399' == event.detail.contactFormId){
  ga('send', {
    hitType: 'event',
    eventCategory: 'contact_form',
    eventAction: 'submit',
    eventLabel: 'wpcf7-f1399-o1'
  });
}
});
</script>

我从一个联系表单发送提交，谷歌分析注册了一个发送表单转换。

【讨论】：