2

我们正在尝试将 UTM 参数附加到日历链接。当它是标准的锚链接时，它工作得很好，但现在网站开发人员已将按钮更改为 onClick 事件。

这是我们用来将参数附加到 URL 的代码：

(function() {
var links = document.querySelectorAll('a');
    for (var i = 0; i < links.length; i++) {
      if (links[i].hostname == "calendly.com") {
        var calendlyLink = links[i];
        if({{Javascript - finalParams}} !== '?' || {{Javascript - finalParams}} !== 'undefined'){
        calendlyLink.href = calendlyLink.href + {{Javascript - finalParams}};
      console.log(calendlyLink);
            }
      }
    };
 
 })();

这是新的按钮代码：

<a class="demo-button" onclick="Calendly.initPopupWidget({url: 'https://calendly.com/xxxxxx/product-demo'});return false;">Button Text</a>

我需要更改什么来解决此问题，以便将 UTM 参数添加到 URL？

4

1 回答 1

2

该Calendly.initPopupWidget方法接受一个 utm 参数选项，该选项可用于在 iframe 中预填充 utm 参数（请参阅此处）

<a class="demo-button" onclick="Calendly.initPopupWidget({url: 'https://calendly.com/xxxxxx/product-demo', utm: { utmSource: 'utmSource', utmCampaign: 'utmCampaign' } });return false;">Button Text</a>
于 2022-02-23T21:40:22.610 回答