我用于评估Google Analytics(分析)中用于联系表单“提交”按钮的“表单提交”事件的代码是否正确?

时间:2019-08-10 10:45:11

标签: wordpress google-analytics analytics contact-form-7 gtag.js

我想在Google Analytics(分析)中跟踪网站的联系表单的“提交表单”事件。我不想使用Google跟踪代码管理器。

我的代码是否正确,将跟踪联系表单的“提交”按钮上触发的表单提交事件?函数“ 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'});"

2 个答案:

答案 0 :(得分:0)

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

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

如果您的主题不提供用于向网站添加脚本的管理选项,请使用诸如wordpress.org上的Insert Header Footer Scripts之类的插件。 或者,使用wp_head创建一个函数并将其添加到活动主题的function.php文件中(不建议这样做,这与不编辑核心主题文件的WP最佳做法不符-除非您使用的是子主题,否则将函数添加到您的主题中子主题functions.php文件)

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

答案 1 :(得分:0)

如下所述,将是onclick

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