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

Inside Theme Setting click on setting icon -> click on cutstom code





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





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

Generate your facebook pixel code, The pixel code will look like this.

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

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

Generate one more Pixel code for apps. we are making it so that we can get one more pixel code for apps.

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



7. You can also create facebook custom events by using hyperzod custom events. let's take a look.

8. Lastly, click “Save”