Thread Discussion

Started by Mattis Rosenkranz • Mar 15, 2025 2:57 PM

Total Replies

Participants

Activity

Quiet

— No recent activity

Duration

2:57 PM

Mar 15

Original Message

Thread starter

Mattis Rosenkranz2:57 PM

Hey, is there a way to detect wether a module is rendered in the page editor? We are implementing tracking and don’t want it to be fired there. My fallback idea would be to check the url from usePageUrl

Replies

9 messages in thread

Alice Easter KennedyReply 1Mar 15, 2025 3:02 PM

There is a way to determine if you are in the preview or the editor specifically with hubl, but I doubt that was ported to react. I'd imagine you coul...

BJ SzyjakowskiReply 2Mar 15, 2025 4:22 PM

there is a hubl property called `is_in_editor` you can use that in your react module via hublDataTemplate and consume it as a prop. There are also a b...

BJ SzyjakowskiReply 3Mar 15, 2025 4:23 PM

HublDataTemplate example can be found <https://github.hubspot.com/cms-react/reference/js-modules.html#hubldatatemplate|here>

BJ SzyjakowskiReply 4Mar 15, 2025 4:24 PM

:point_up: Basically if HS has a hubl way of doing something you can use hublDataTemplate to get it into your react module as a prop.

Mattis RosenkranzReply 5Mar 15, 2025 6:20 PM

Thanks, thats a good start. The thing is that we are repeatedly using it in several modules, in which we have to add `hublDataTemplate` every time. Wo...

BJ SzyjakowskiReply 6Mar 15, 2025 6:21 PM

Hmmmm how would `useHubl()` hook be any different? You’d also have to specify that in every module.

Tricia LeachReply 7May 2, 2025 2:36 AM

> HublDataTemplate example can be found <https://github.hubspot.com/cms-react/reference/js-modules.html#hubldatatemplate|here> <@UQWGKUEN7> Do you ...

BJ SzyjakowskiReply 8May 2, 2025 2:40 AM

Likely was linking to the react docs which have since moved to the HubSpot docs site. <https://developers.hubspot.com/docs/guides/cms/react/modules#pa...

Tricia LeachReply 9May 2, 2025 2:41 AM

Thanks!