topic Re: Message Events on iFrames in Hubspot in CMS Development

Message Events on iFrames in Hubspot

JVermunt — Fri, 06 Dec 2024 15:14:11 GMT

A software company has developed an application which we can embed on our website. It uses a message event to push information to the parent window.

I added a screenshot which shows the code in action. You can see how the message gets logged in the console.

I added the iframe as a module in Hubspot using the design manager, and it works well when building a website page.

However, the message event is not triggered in the HubSpot environment.

How can we receive the message event for further actions in HubSpot?

Re: Message Events on iFrames in Hubspot

AnzeKoprivec — Sun, 08 Dec 2024 07:14:39 GMT

I think HubSpot is set up to block any events that come from the Iframe window which is just standard web protection,

To achieve what you're looking for the easiest way would be to have a server and then connect both user instances to a websocket on the server and have them communicate that way, but from what I'm seeing your use case isn't that complex, if you're just looking to fire analytics events then just do that on the iframe page itself instead of trying to pass back the event data and doing it on the original site.

You can pass data like HubSpot, GA cookie in the Iframe URL request as query params and associate the 2 seassions that way.

If my post helped answer your query, please consider marking it as a solution.

Re: Message Events on iFrames in Hubspot

JVermunt — Mon, 09 Dec 2024 15:51:56 GMT

HubSpot blocking event from the Iframe window would explain why it is not working and makes sense.

2 things which makes it a little bit tricky for me:

I also want to the Iframe event to trigger and anchor in the landing page, such that the page scrolls to the bottom of the page. For this I do need the communication.
The Iframe is an app developed by a third party which I am not associated to. This makes communication difficult about settup up tracking correctly.

We are already a bit deep in this solution, so it would be best enable the event from the Iframe somehow. Is there any possibilty to circumvent HubSpot blocking the events?

Re: Message Events on iFrames in Hubspot

AnzeKoprivec — Mon, 09 Dec 2024 16:52:41 GMT

Same as the iframe events can't trigger analytics events you'll face a similar issue if you try to have it trigger an ahcor. If you want the page to autoscroll to the iframe then just execute some js client side that moves the user to the anchor on DOM content load although this is a UX antipattern as users generally prefer to scroll themselves - you should move an iframe to the top if you're looking to achieve visability.

As for the 2nd point - this won't be possible with HubSpot, the only way I see this working is if you pass the iframe through another site where you can configure the server to allow iframe events to pass through and capture analytics events there, although its generally not good web practice to allow iframe events as what is sent can also be mallicious and having an iframe inside an iframe might also not lead to the best web experience.