我想在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'});">