Allow loading new CTAs (Beta) outside of iframe

[TomM2]

The new CTA tool is amazing! Great work team! 

However, it looks like pop-ups load within iframes, which makes sense to ensure styling and scripts are isolated from the embedded website. 

However, at the moment this means those submissions and clicks can't be tracked from these on third party analytics services (such as google analytics). 

It would be great to be able to load these outside an iframe if required, or some way to embed custom tracking codes into the head HTML of the iframe. 

[melissachowning]

Yes, please!

[Ryan_G_Thompson]

+1 - the basic hubspot pop up forms are easily trackable. Please also make the CTA Beta Forms trackable.

[Ginosamotics]

+1

I was very happy with the CTA Beta, but then found out it was loaded in an iFrame essentially not being able to track :'(

[baribeau]

I have an additional use case for this, beyond scripts and trackers — I want to be able to use the pop up to generate a link, and include the original page as a parameter in the link.

For example, I want to be able to create a popup that prompts a user to login, and includes a parameter called "return" that includes the original page URL. So it'd work like this:

1. CTA is configured to display on website.com/blog/*
2. The user visits website.com/blog/some-article and see the CTA
3. The CTA includes a button that says "Login Now" with a link to website.com/login?return=https://website.com/blog/some-article

Because the CTA could render on an infinite number of pages that start with website.com/blog/, it can't be hard-coded in—I need to pass a variable.

I've tried each of the below variables, but because it renders in an iframe, the always return values like https://1234567.hs-sites.com/hs-web-interactive-123123123-12576123123123 or /hs-web-interactive-1231231-125123123510

• {{ request.full_url }}
• {{ request.path }}
• {{ request.query }}
• {{ request.referrer }}
• {{ request.headers }}
• {{ content.absolute_url }}
• {{ page_meta.canonical_url }}

[baribeau]

Related: Having access to useful information about the parent frame in the iframe's variables:

• https://community.hubspot.com/t5/HubSpot-Ideas/HubL-Hubspot-should-always-pass-window-top-location-a...

[chloe-mtl]

Hello, came from another thread that's been solved to avoid duplicates. On the other though, @BérangèreL invited subject matter experts into the conversation. Could you perhaps do it here as well? 🙂

Haven't been able to find a solution to track the form on CTA (Beta) that loads within the iframe either.

[JvandenBerg6]

Being able to load the CTA's outside an iframe would be wonderful!  We currently give our (legacy) CTA's styling outside of the CTA tooling. When the CTA is displayed in a iframe, we lose that functionality which has a big impact on our website(s). 

[mennodejonge]

Yes please! We are unable to create custom styling for the CTA's.

[forrestx]

Another vote for this. Wasted a lot of time today trying to get GA event tracking working for a form in a CTA. 

[Lex_to]

Yes, please! We need a solution for this