Contact Form 7 配置 Google Analytics 跟踪分析的教程

WordPress统计跟踪产品询盘提交数据

Google Analytics 是数百万网站和应用所有者的首选平台,可通过该平台深入了解网站和应用的效果。借助 Google Analytics,您可以改进数字营销策略,优化广告系列,并将您的在线品牌形象提升至新的高度。我们在“Google Analytics代码获取添加教程”一文中详细介绍过 Google Analytics 如何添加到WordPress 网站中的方法。

WordPress表单插件 - Contact Form 7
WordPress询盘表单插件

 Contact Form 7 表单插件作为WordPress外贸独立站最受欢迎的询盘表单插件,可以帮助实现询盘数据实时提交,并同步展示在网站后台,还会同时发送到设置好的接收邮箱,帮助外贸用户实时接收到询盘数据,从而及时反馈回复用户咨询。

我们除了可以在外贸独立站的后台查看和汇总客户的产品询盘信息外,还有可以通过 Google Analytics 谷歌分析工具,实现更直观的在线统计分析和跟踪网站上的询盘表单操作数据。使用 Google Analytics 监控网站流量,整合 Google Analytics代码获取添加教程 )来实现,通过现成的 Google Analytics 谷歌统计分析来帮我们实时跟踪产品询盘表单的操作数据。

Google Analytics 事件跟踪代码添加

将下面的 JavaScript 代码,添加到网站使用的WordPress外贸模板的 header.php 或者 footer.php 中,使得代码在 <body> 和 </body>之间即可,代码如下:

<script>
document.addEventListener( 'wpcf7mailsent', function ( event ) {
    gtag( 'event', 'wpcf7_submission', {
        'event_category': event.detail.contactFormId,
        'event_label': event.detail.unitTag
    } );
}, false );
</script>

当然,也可以使用WordPress的钩子,把PHP代码添加到模板的 functions.php 文件中,如下:

add_action( 'wp_footer', function () {
?>
<script>
document.addEventListener( 'wpcf7mailsent', function ( event ) {
    gtag( 'event', 'wpcf7_submission', {
        'event_category': event.detail.contactFormId,
        'event_label': event.detail.unitTag
    } );
}, false );
</script>
<?php
}, 10, 0 );

Contact Form 7 提交重定向代码

在 Contact Form 7 表单插件的默认设置中,成功提交表单后,Contact Form 7 会重定向到与表单所在页面相同的URL。如果要实现成功提交表单后,重定向到一个特定页面(比如:感谢页面),最简单的方法是利用Contact Form 7的自定义DOM事件来运行 JavaScript。可以添加以下简短代码实现:

<script>
document.addEventListener( 'wpcf7mailsent', function( event ) {
    setTimeout( () => {
        location = 'http://example.com/';
    }, 3000 ); // Wait for 3 seconds to redirect.
}, false );
</script>

顺便说一句,有的用户认为通过 Google Analytics 追踪表单提交需要重定向到“感谢页面”,这是完全没有必要的。事实上,这是一种过时且荒谬的习俗。如今,你可以用Google Analytics追踪提交,无需任何重定向。




上一篇:

在线留言