# Framer – How to Track HubSpot Booking Links

### Why track HubSpot booking links?

* Measure lead‑gen performance directly in Humblytics
* Attribute submissions to specific campaigns and traffic sources
* Set goals inside Funnels or A/B Experiments
* Keep tracking cookie‑free and privacy compliant

***

### Prerequisites

| Requirement                                      | Check |
| ------------------------------------------------ | ----- |
| A HubSpot booking link                           | ✔︎    |
| A HubSpot calendar embed                         | ✔︎    |
| Framer project with the Humblytics tag installed | ✔︎    |

If the Humblytics script isn’t yet in your Framer site, follow the Framer installation guide first.

***

### Step‑by‑Step: Track HubSpot Booking Links in Framer

#### 1 · Add the HubSpot embed

1. In your Framer canvas, select **Insert → Embed** (or drag an **Embed** block onto the page).
2. Paste your HubSpot calendar code:

```
<!-- Start of Meetings Embed Script -->
  <div class="meetings-iframe-container" data-src="https://meetings.hubspot.com/your-unique-link">
    <iframe src="https://meetings.hubspot.com/your-unique-link" width="100%" data-hs-ignore="true"></iframe>
  </div>
  <script type="text/javascript" src="https://static.hsappstatic.net/MeetingsEmbed/ex/MeetingsEmbedCode.js"></script>
<!-- End of Meetings Embed Script --></div>
```

3. Publish your site.

#### 2 · Hook into the submission callback

Edit the embed snippet to add the Humblytics hook:

```
<!-- Humblytics custom tracking begins -->
<script>
  window.addEventListener("message", function (event) {
    // Forward any Hubspot Booking events to the parent → Humblytics
    window.parent.postMessage(event.data, "*");
  });
</script>
<!-- Humblytics custom tracking ends -->
```

#### 3 · Verify in Humblytics

1. Publish & open the live Framer URL.
2. Submit a booking request once.
3. In Humblytics, go to **Conversions → Forms** and look for **Hubspot Meeting Booking**. Data appears within \~30 seconds.

***

### Troubleshooting

| Issue            | Fix                                                                                      |
| ---------------- | ---------------------------------------------------------------------------------------- |
| No event appears | Ensure the Humblytics script is in **Site Settings → Custom Code → Head** and republish. |

***

### Next steps

* **Funnels:** Add the form label as the final step to visualise drop‑off.
* **Experiments:** Use Humblytics A/B tests to compare form placements or CTA copy.

For advanced use cases—multi‑step HubSpot forms, hidden UTM fields, or offline events—email **<support@humblytics.com>** and we’ll guide you through.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.humblytics.com/how-to-track-custom-form-submissions/hubspot-booking-links/framer-how-to-track-hubspot-booking-links.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.