Question

我有联系表格7插件，我正在尝试跟踪成功提交的表格。我使用以下代码创建了标签事件监听器：

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

但是，它没有用。没有创建数据层。我在联系页面的js控制台中嵌入了以下脚本：

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

这将创建一个数据层，该数据层将在成功提交后显示。

{event: 'wpcf7successfulsubmit', CF7formID: '199', gtm.uniqueEventId: 18}

但是，其他代码不会触发。该标签甚至都没有出现在“此事件未触发的标签”下。另外2个标签出现在这里。为CF7formID，触发器和标签设置了变量。查看屏幕截图。 Gtm Trigger Gtm Variable GTM tag

我已经坚持了几天。帮助会很好！

wpcf7和GTM事件监听器->代码触发问题

0 个答案: