代码之家 › 专栏 › 技术社区 › Brent Friar

将参数附加到onClick URL

calendly javascript

0

Brent Friar · 技术社区 · 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中?

0 回复 | 直到 2 年前

1

2

Tyler Campbell 2 年前

这个 Calendly.initPopupWidget 方法接受一个utm参数选项,该选项可用于在iframe中预填充utm参数(请参阅 here )

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