首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >将参数附加到onClick URL

将参数附加到onClick URL
EN

Stack Overflow用户
提问于 2022-02-22 05:15:36
回答 1查看 540关注 0票数 2

我们试图将UTM参数附加到一个有日历的链接中。当它是一个标准的锚链接时,它工作得很好,但是现在site已经将按钮更改为一个onClick事件。

下面是我们用来将参数附加到URL的代码:

代码语言:javascript
复制
(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);
            }
      }
    };
 
 })();

下面是新的按钮代码:

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

为了修复这个问题,我需要更改什么,以便将UTM参数添加到URL中?

EN

回答 1

Stack Overflow用户

发布于 2022-02-23 21:40:22

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

代码语言:javascript
复制
<a class="demo-button" onclick="Calendly.initPopupWidget({url: 'https://calendly.com/xxxxxx/product-demo', utm: { utmSource: 'utmSource', utmCampaign: 'utmCampaign' } });return false;">Button Text</a>
票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/71216236

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档