Contact Form 7谷歌目标追踪失效：迁移代码后无目标数据

嘿，我来帮你搞定这个CF7追踪失效的问题！从你的描述和代码来看，主要有两个核心问题导致追踪功能罢工：

1. 代码里的HTML转义字符搞砸了脚本输出 #

你粘贴的代码里有?>和<这种HTML转义后的字符，直接写在PHP函数里会导致输出的JavaScript代码是错误的，浏览器根本解析不了。得把这些转义字符换回正常的PHP和HTML标签。

2. 谷歌分析API版本不匹配 #

旧的ga()调用是给UA（通用分析）用的，现在谷歌已经全面停用UA，改用GA4了。如果你的网站现在用的是GA4，那这个调用完全不会起作用，必须换成GA4的gtag()格式。

修正后的完整代码 #

根据你的需求，我给你准备了适配GA4的修正代码（如果还在坚持用UA，也留了注释版）：

add_action( 'wp_footer', 'mycustom_wp_footer' );
function mycustom_wp_footer() { ?>
<script type="text/javascript">
document.addEventListener( 'wpcf7mailsent', function( event ) {
    // 确认表单ID匹配你的CF7表单ID（这里是451）
    if ( '451' === event.detail.contactFormId ) {
        // GA4版本的事件发送代码
        gtag('event', 'submission', {
            'event_category': 'CF7 Form',
            'event_label': 'cfrom1'
        });
        
        // 如果你还在使用旧版UA（不推荐，已停用），可以用下面的代码替换上面的gtag调用
        // ga( 'send', 'event', 'CF7 Form', 'Submission', 'cfrom1' );
    }
}, false );
</script>
<?php }

调试验证步骤 #

替换代码后，你可以通过以下方法验证是否生效：

• 打开浏览器开发者工具（按F12），切换到「Console」标签，提交表单后看有没有报错信息。
• 切换到「Network」标签，搜索gtag或google-analytics，查看是否有事件发送的请求。
• 登录GA4后台，查看「实时」报告，提交表单后应该能看到submission事件实时出现。

内容的提问来源于stack exchange，提问作者Rakhi