如何将事件推向GTM DataLayer，以便何时在我的页面上加载了HubSpot表单？

发布于 2025-02-07 22:42:26 字数 637 浏览 0 评论 0原文

我创建了一个表单侦听器，该表格已在页面上加载时正在侦听。这是脚本：

<script type="text/javascript">
window.addEventListener('message', function(event) {
   if(event.data.type === 'hsFormCallback' && event.data.eventName === 'onFormReady') {
       window.dataLayer.push({
        'event': 'hubspot-form-ready',
        'hs-form-guid': event.data.id
      });
    }
});
</script>

我有一个类似的脚本，适用于“ onformsubtited”，但我似乎无法为“ onformready”工作。

我的最终目标是聆听表格，以确保其已在页面上加载，然后使用该事件来操纵表单（例如，将cookie值添加到隐藏的表单字段中）。我只需要确保首先加载表单即可。

有人做了类似的事情吗？

原文

I have created a form listener that is listening for when a form has loaded on the page. This is the script:

<script type="text/javascript">
window.addEventListener('message', function(event) {
   if(event.data.type === 'hsFormCallback' && event.data.eventName === 'onFormReady') {
       window.dataLayer.push({
        'event': 'hubspot-form-ready',
        'hs-form-guid': event.data.id
      });
    }
});
</script>

I have a similar script that works for 'onFormSubmitted' just fine, but I can't seem to get anything to work for 'onFormReady'.

My end goal is to listen for the form to make sure it has loaded on the page, then use that event to manipulate the form (e.g. add cookie values to hidden form fields). I just have to make sure the form is loaded first.

Has anyone done anything similar to this?

分享到QQ

分享到微博