Estamos tratando de agregar parámetros UTM a un enlace de calendario. Funcionaba muy bien cuando era un enlace ancla estándar, pero ahora el desarrollador del sitio ha cambiado el botón a un evento onClick.
Aquí está el código que estábamos usando para agregar los parámetros a la 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); } } }; })();Aquí está el nuevo código del botón:
<a class="demo-button" onclick="Calendly.initPopupWidget({url: 'https://calendly.com/xxxxxx/product-demo'});return false;">Button Text</a>¿Qué debo cambiar para solucionar esto y que los parámetros UTM se agreguen a la URL?
El método Calendly.initPopupWidget acepta una opción de parámetro utm que se puede usar para completar previamente los parámetros utm en el iframe (ver aquí )
<a class="demo-button" onclick="Calendly.initPopupWidget({url: 'https://calendly.com/xxxxxx/product-demo', utm: { utmSource: 'utmSource', utmCampaign: 'utmCampaign' } });return false;">Button Text</a>