Events

This documentation provides an overview of the events listener strategy and the different events you can listen to on the Hyperzod Ordering Website.

Below is the list of events available for listening:



To fire a GTM (Google Tag Manager) custom event from JavaScript on place_order event. Push an event object to the data layer with the event property set to the name of the custom event like NewOrder

To set up more event listeners, you can use the following syntax:

Replace <event_name> with the name of the event you want to listen to (e.g., view_merchant, view_product, etc.). You can add your custom logic or a handler function inside the listener as required.



1. Navigate to your admin panel



2. To the left, click on "Settings"



3. Then click "Theme settings"



4. Inside you’ll find three sections Theme General, Custom Code, Header and Footer. Click on "Custom Code



5. Inside the Custom HTML section, choose “Custom HTML Head” and paste the “Event Listener Code” inside.

6. Now if you want to add pixel code for tracking.

case-1 : If you want to track only webs spefic events.

case-2 : If you want to track only app specific events.

case-3 : If you want to track both app and web specific events.



7. Lastly, click “Save”