How to track js based links in Google Analytics using the new gtag code

Question

I previously tracked clicks to open tabs / modals etc in my google analytics. I have since had to change to the new gTag code and js links are now not being tracked. How can I fix this?

<script async src="https://www.googletagmanager.com/gtag/js?id=UA-xxxxxxxx-5"></script>
<script>
 window.dataLayer = window.dataLayer || [];
 function gtag(){dataLayer.push(arguments);}
 gtag('js', new Date());
 // line below previously pushed js links events
 gtag('event', 'pageview', { 'page': location.pathname + location.search + location.hash});
 gtag('config', 'UA-xxxxxxx-5', {
 'linker': {
 'domains': ['example.org.au']
 }
});

Answer 1

I fixed this.

To get the full path including the anchor on page load:

<script>
 window.dataLayer = window.dataLayer || [];
 function gtag(){dataLayer.push(arguments);}
 gtag('js', new Date());
 gtag('config', 'UA-xxxxxxx-5', {
 'page_path': location.pathname + location.search + location.hash,
 'linker': {
 'domains': ['example.org.au']
 }
});
</script>

then to track an event triggered in JS (eg tab opening)

 link = location.pathname.replace(/^[\/]/, '') + location.search + location.hash
 gtag('event', 'page_view', {'page_path': link});