attribu.tech Docs

Calendly and Cal.com integration

attribu.tech can attribute calendar bookings to traffic sources. It works by injecting your visitor ID into Calendly and Cal.com booking links, then detecting when a booking is completed.

How it works

  1. The pixel scans your page for Calendly/Cal.com links and embeds
  2. It appends the visitor ID as a tracking parameter
  3. When a booking is completed, the pixel detects it via postMessage
  4. An appointment event is recorded and attributed to the traffic source

Supported formats

Calendly

  • Direct links (https://calendly.com/your-name/meeting)
  • Inline embeds (className="calendly-inline-widget")
  • Popup widgets

The visitor ID is passed as utm_content=attribu_vid:xxx which Calendly preserves in its webhook tracking data.

Cal.com

  • Direct links (https://cal.com/your-name/meeting)
  • Embed elements (data-cal-link)

The visitor ID is passed as metadata[attribu_vid]=xxx.

Setup

Calendar tracking is automatic. If you have the attribu.tech pixel installed and Calendly or Cal.com links/embeds on your page, it just works.

Custom calendar domains

If you use a custom domain for your calendar (e.g. book.yourdomain.com), add it via the script attribute:

<script
  defer
  data-website-id="YOUR_SITE_ID"
  data-domain="yourdomain.com"
  data-calendar-domains="book.yourdomain.com"
  src="https://attribu.tech/js/script.js"
></script>

Viewing bookings

Bookings appear as appointments in your dashboard. You can see which traffic sources drive the most bookings in the Charges section (toggle to "Appointments" view).

Webhook attribution (advanced)

For full booking-to-revenue attribution, you can set up webhooks from Calendly/Cal.com to your own server, extract the attribu_vid from the booking metadata, and send it to attribu.tech as a custom event.

Copied