topic Creating custom behavioural event for button click in APIs & Integrations

Creating custom behavioural event for button click

Mrafey — Thu, 03 Oct 2024 16:43:57 GMT

Hello!

I am trying to create a CBE for a button on our prefernces page. Essentially the CBE is created for the "Resubscribe" button.

The issue I am facing is my CBE not being able to store the button click. When the button is clicked it loads up a thank you page not giving enough time for the _hsq.push method to push the data onto HS.

This is what I have so far for the CBE:

What can I do to ensure that the execution of the CBE happens before the thank you page is shown?

Thank you!

Re: Creating custom behavioural event for button click

MrJustinGivens — Thu, 03 Oct 2024 17:11:22 GMT

@Mrafey,

You would need to use the preventDefault to "block" the event from completing, then continue it after the hsq push.

See the preventDefault MDN.

Re: Creating custom behavioural event for button click

Mrafey — Thu, 03 Oct 2024 18:07:40 GMT

Hello @MrJustinGivens !

How can I continue after the hsq push function is executed?

Re: Creating custom behavioural event for button click

MrJustinGivens — Thu, 03 Oct 2024 21:06:17 GMT

Depend on the button.

If the button has an href attribute then grab the event.target.href and then use window.location = event.target.href;

Re: Creating custom behavioural event for button click

Mrafey — Thu, 03 Oct 2024 21:13:28 GMT

Unfortunetly it does not have an href attribute. It actually is a input type of "submit"

Re: Creating custom behavioural event for button click

MrJustinGivens — Fri, 04 Oct 2024 14:56:51 GMT

Then you just need to trigger the .submit() event for the form.

Re: Creating custom behavioural event for button click

Mrafey — Mon, 02 Dec 2024 15:58:31 GMT

Hello @MrJustinGivens

I figured out that essentially you cannot create CBE's for preference pages. The HS team told me those pages dont support it.