Page URL is not updated when using native Google Analytics SDK

[pierreavizou]

When using Rudder's JS SDK as a source, and Google Analytics as a destination, configured to use Google's native SDK, there seem to be an issue tracking the page URL correctly.

We have a single page application, so we need to call rudderanalytics.page() explicitly when the URL changes. This correctly fires a call to Google Analytics endpoint, but the page URL that is sent is the one the user first landed on, and is not updated to reflect the new URL. Page title, however, is correctly updated and sent to Analytics.

On route change, we call Rudder's SDK like below:

trackPageview(location) {
     rudderanalytics.page('mypage', 'pagename', {
        path: location.pathname,
        search: location.search,
        title: document.title,
        url: window.location.href,
      }, {
        integrations: {
          Hotjar: false,
        },
      });
  }

It's worth noting that when using the Analytics in cloud mode, the very same code works perfectly.

The screenshot below illustrates that although the new page title is correctly sent to Analytics to indicate we're on a page about "concerts", the page URL is still the initial landing page's, about "artists".

Basic steps to reproduce:

• Configure rudder js sdk as a source, and Analytics as a destination with native SDK option activated
• Landing page's URL should be tracked correctly
• Push a new route to browser history without triggering a full page reload
• Call rudderanalytics.page()
• Check that the URL sent to Analytics has not been updated, but the title has

Feel free to let me know if I've missed something or can give you more information