wpcf7和GTM事件监听器问题

Question

我在GTM中设置了一个标签，这样的自定义html;

<script>
document.addEventListener( 'wpcf7submit', function( event ) {
    dataLayer.push({
      'event' : 'wpcf7successfulsubmit',
      'CF7formID' : event.detail.contactFormId
    });
}, false );
</script>

不起作用。一点也不。所以我在页面上放了一个脚本。

var wpcf7Elm = document.querySelector( '.wpcf7' );
wpcf7Elm.addEventListener( 'wpcf7submit', function( event ) {
    dataLayer.push({
      'event' : 'wpcf7successfulsubmit',
      'CF7formID' : event.detail.contactFormId
    });
}, false );

来自contactform7.com的基本示例。在GTM预览中，这可以很好地触发。它第一次触发标记一次，第二次和后续触发两次（暗示我的脚本和GTM标记都在触发）。猜测事件冒泡的问题。我将特定选择器wpcf7Elm放入标记的自定义html中，但这并不起作用 - 就像第一个示例一样。

我从脚本运行没有问题，但问题是触发标记两次，以便分析显示两个事件。我想使用GTM，但目前我能看到的唯一解决方案是回到页面脚本。

任何人都可以建议我可能做错了吗？请注意，我已经禁用了所有插件，并且我在另一个页面上成功使用了wpcf7事件侦听器（从页面上的脚本）来执行演示功能。