我在谷歌分析中用于测量联系表单"提交"按钮的"表单提交"事件的代码是否正确?



我想在Google Analytics中跟踪网站联系表单的"提交表单"事件。我不想使用谷歌跟踪代码管理器。

我的代码是否正确跟踪将在联系表单的"提交"按钮上触发的表单提交事件?"onSubmit"功能是否正确,还是我应该使用"onClick"功能?

我在网站上嵌入了带有gtag功能的通用Google Analytics代码。 我还在Google Analytics中创建了目标,并为onSubmit事件设置了相应的参数。

OnClick Event
onClick="gtag('event', 'submit', {'event_category': form', 'event_label': 'form submission'});"
OnSubmit Event
onSubmit="gtag('event', 'submit', {'event_category': form', 'event_label': 'form submission'});"

如果您使用的是联系表单 7,如果您的主题具有用于将脚本添加到网站的<head></head>部分的管理员主题选项,请添加以下代码片段

<script>
document.addEventListener( 'wpcf7mailsent', function( event ) {
gtag('event', 'submit', {'event_category': form', 'event_label': 'form submission'});
}, false );
</script>

如果您的模板不提供用于向站点添加脚本的管理员选项,请使用插件,例如 插入页眉页脚脚本 来自 wordpress.org 或者,使用 wp_head 创建一个函数并将其添加到活动主题的 function.php 文件中(不推荐,违反不编辑核心主题文件的 WP 最佳实践 - 除非您使用的是子主题,在这种情况下将函数添加到您的子主题函数.php文件(

参考: https://contactform7.com/tracking-form-submissions-with-google-analytics/

它将点击如下所述:

<input id=”contact-submit” class=”button” type=”submit” value=”Submit” onClick="ga('send', 'event', { eventCategory: 'Form', eventAction: 'Submit', eventLabel: 'Contact'});">

相关内容

  • 没有找到相关文章

最新更新