[🐞] page_view and on_load events are not firing in GA4

[harshkc]

Describe the bug

I was trying to integrate partytown on redBus app and the collect calls are fired consistently but the page_view and onLoad events are not fired as soon as the page load which is fired in case of partytown not enabled, I am not able to see those calls in the network tab.(dataLayer.push is happening for these events)

My integration looks like this:

<script type="text/javascript">
                partytown = {
                    forward: ["dataLayer.push","gtag"],
                    lib: "/activities/public/scripts/~partytown/",
                    resolveSendBeaconRequestParameters: function (url) {
                        return url.hostname.includes('analytics.google') ||
                            url.hostname.includes('google-analytics')
                            ? { keepalive: 0 }
                            : {};
                        },
                };
            </script>
    
            <script async type="module" src="/activities/public/scripts/~partytown/partytown.js"/></script>

            <script type="text/partytown">
                (function() {
                    window.global = document;
                })();
                (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
                new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
                j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
                'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
                })(window,document,'script','dataLayer',myTag);
            </script>

The gtag is not reaching the below method call when partytown is enabled

Does anyone have solution related to page_view events?

Reproduction

https://www.redbus.sg/things-to-do/

Steps to reproduce

1. Integrate partytown

<script type="text/javascript">
                partytown = {
                    forward: ["dataLayer.push","gtag"],
                    lib: "/activities/public/scripts/~partytown/",
                    resolveSendBeaconRequestParameters: function (url) {
                        return url.hostname.includes('analytics.google') ||
                            url.hostname.includes('google-analytics')
                            ? { keepalive: 0 }
                            : {};
                        },
                };
            </script>
    
            <script async type="module" src="/activities/public/scripts/~partytown/partytown.js"/></script>

            <script type="text/partytown">
                (function() {
                    window.global = document;
                })();
                (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
                new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
                j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
                'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
                })(window,document,'script','dataLayer',myTag);
            </script>

2. Run the app and check if load events or page_view events are fired

Browser Info

Chrome

Additional Information

1. The gtag and gtm js file is exact same and page_view event in both the cases are captured within the script, only issue is sendBeacon function call never happens in the case of partytown.
2. Partytown has the highest priority and it loads at the earliest
3. Gtag is fired from gtm script that is cached by service worker. Thus, no cases of delayed loading can happen.

[dsacramone]

Describe the bug

I was trying to integrate partytown on redBus app and the collect calls are fired consistently but the page_view and onLoad events are not fired as soon as the page load which is fired in case of partytown not enabled, I am not able to see those calls in the network tab.(dataLayer.push is happening for these events)

Hey, did you resolve this, if so - show?