There is an alternative method to load Snap UI page instead of calling snap.js, which is window redirection.

Implementation

Merchants can utilize the response value in redirect_url from the Create Snap Token request. Merchants don't have to load snap.js in their page, as the user is redirected to a page that is hosted by Midtrans.

With this redirection merchant can load Snap page in full window mode view like this:

Track Transaction Status via Query Params

It is possible to track status to be used to trigger your own custom events even for Window Redirection Method. You can do so by listening to URL changes and capture the query parameters appended to the finish URL. You can define after payment's finish & error URL by going to Dashboard > Configurations.

Example:
Merchant URL: https://merchant-callback.com

Redirection Finish URL: https://merchant-callback.com?merchant_id=Mxxxxx&order_id=sample-store-1677583302&status_code=202&transaction_status=deny

Query Parameters	Descriptions
merchant_id	Midtrans merchant account ID
order_id	Transaction order ID as defined and passed by merchant to Midtrans
transaction_status	Latest transaction status before redirection happens
status_code	Transaction's status code.