Matomo with Nuxt 3 - History Change show previous page title

Hi,
I have a NUXT 3 website (nuxt 3.16) and I’m trying to track PageViews using Tag Manager via History Change.
To integrate Matomo into Nuxt 3 I installed nuxt-matomo from Openmost dot io and followed the documentation at github / openmost / nuxt-matomo (I’m sorry but the system does not permit me to insert links)

In addition, as highlighted at the same page, I also followed the steps at this guide: guides/spa-tracking on developer site on Matomo (I’m sorry but the system does not permit me to insert links)
So I’ve already set the Matomo Configuration Variable with {{PageTitle}} and {{PageUrl}}.

Using the Debug and Preview feature at Matomo console, I see the tracked page changes during site browsing, but Matomo shows the old page title (the url is correct).

For example:
At home I have
PageUrl = “/”PageTitle = ““
instead when I browse to an inner page:
PageUrl = “/inner_page”
PageTitle = <the page title of the home”and so on….

In my vue pages I’m using useHead composable to set header title, like this

useHead({
   title: config.public.ecommerceShopName,
});

or for example in an inner page, I have

const metaTitle = computed(() => {
return `${route.params.catalogueSlug} | ${route.params.categoryName} - ${config.public.ecommerceShopName}`;
});
useHead({ title: metaTitle });

How can I show the correct page title in Matomo?

Thanks in advance

1 post - 1 participant

Read full topic