Como rastrear sua integração do Calendly com parâmetros UTM

Use parâmetros UTM para rastrear de onde vem seu tráfego antes de alguém agendar com você. Isso ajuda você a medir o sucesso de seus anúncios, e-mails ou campanhas usando ferramentas como o Google Analytics.

Quais são os parâmetros UTM?

Parâmetros UTM são tags que você adiciona a um link. Eles dizem de onde vem seu tráfego. Calendly suporta estes valores:

• utm_source — de onde vem o tráfego (por exemplo, facebook, newsletter)
• utm_medium — o tipo de canal (por exemplo, publicidade, e-mail)
• utm_campaign — o nome da sua campanha (por exemplo, spring_sale)
• utm_content — detalhes extras como image1 ou linktext
• utm_term — para palavras-chave de pesquisa paga

Observação: cada valor UTM deve ter menos de 255 caracteres. Valores mais longos podem não ser rastreados.

Opção 1 – Adicionar parâmetros UTM ao URL de incorporação

Se você usar um link de incorporação direto, pode adicionar parâmetros UTM à URL.

<div class="calendly-inline-widget" 
data-url="https​:​//calendl​y.com/YOUR​_LINK/30mi​n?utm_sour​ce=faceboo​k&utm_medi​um=ad&utm_​campaign=s​pring_sale" 
style="min-width:320px;height:630px;"></div>

Esse método funciona para todos os tipos de incorporação: direto, texto de janela pop-up ou widget de janela pop-up.

Opção 2 – Transmitir parâmetros UTM usando JavaScript (avançado)

Se você usar a incorporação avançada de JavaScript, passe valores UTM durante a configuração.

Calendly.initInlineWidget({
url: 'https​:​//calendl​y.com/YOUR​_LINK/30mi​n',
parentElement: document.getElementById('calendly-embed'),
utm: {
utmCampaign: "spring_sale",
utmSource: "facebook",
utmMedium: "ad",
utmContent: "shoes",
utmTerm: "spring"
}
});

Opção 3 – Passar valores UTM da URL da página

Você pode reutilizar a mesma incorporação em várias campanhas extraindo valores UTM diretamente da URL da página.

function getUrlVars() {
const vars = {};
window.location.href.replace(/[?&]+([^=&]+)=([^&]*)/gi, function(m,k,v) {
vars[k] = decodeURIComponent(v);
});
return vars;
}

const utms = getUrlVars();

 Calendly.initInlineWidget({
url: 'https​:​//calendl​y.com/YOUR​_LINK/30mi​n',
parentElement: document.getElementById('calendly-embed'),
utm: {
utmSource: utms["utm_source"],
utmMedium: utms["utm_medium"],
utmCampaign: utms["utm_campaign"],
utmContent: utms["utm_content"],
utmTerm: utms["utm_term"]
}
});

Opção 4 – Valores UTM pré-definidos para diferentes origens

Se você estiver rastreando várias fontes, crie códigos de incorporação separados para cada um.

<div class="calendly-inline-widget" 
data-url="https​:​//calendl​y.com/YOUR​_LINK/30mi​n?utm_sour​ce=faceboo​k" 
style="min-width:320px;height:630px;"></div>

Crie incorporações diferentes para fontes de tráfego como Google Ads, newsletters de e-mail ou LinkedIn.