Google analytics tracks pages, but not always the path and the title are from the same page. Sometimes a visitor visits "/" but the title of another url. #9139

hackhat · 2018-10-16T01:54:44Z

Description

Google analytics tracks pages, but not always the path and the title are from the same page. Sometimes a visitor visits "/" but the title of another url.

Looks like the url is correct but the title is from the previous page I've seen. I'm using import { Link } from 'gatsby' for the links.

Steps to reproduce

Created default app:

Add Google analytics script:

{
  resolve: `gatsby-plugin-google-analytics`,
  options: {
    trackingId: "UA-12420899-9",
    // Puts tracking script in the head instead of the body
    head: false,
    // Setting this parameter is optional
    anonymize: false,
    // Setting this parameter is also optional
    respectDNT: false ,
    // Avoids sending pageview hits from custom paths
    exclude: [],
    // Any additional create only fields (optional)
    sampleRate: 100,
    siteSpeedSampleRate: 100,
    cookieDomain: "www.freereikicourse.com",
  },
},

Add helmet in your page template:

    <Helmet
      title={frontmatter.title}
      meta={[
        { name: 'description', content: frontmatter.description },
        { name: 'keywords', content: frontmatter.keywords },
      ]}
    >
      <html lang="en"/>
    </Helmet>

Expected result

All pages should have the path matching with the title.

Actual result

Google analytics tracks pages, but not always the path and the title are from the same page. Sometimes a visitor visits "/" but the title of another url.

Environment

gatsby info --clipboard:

    System:
        OS: Windows 10
        CPU: x64 Intel(R) Core(TM) i7-5600U CPU @ 2.60GHz
      Binaries:
        Yarn: 1.9.4 - C:\Program Files (x86)\Yarn\bin\yarn.CMD
        npm: 5.5.1 - C:\Program Files\nodejs\npm.CMD
      Browsers:
        Edge: 42.17134.1.0
      npmPackages:
        gatsby: ^2.0.19 => 2.0.21
        gatsby-plugin-catch-links: ^2.0.4 => 2.0.4
        gatsby-plugin-emotion: ^2.0.5 => 2.0.5
        gatsby-plugin-google-analytics: ^2.0.6 => 2.0.6
        gatsby-plugin-manifest: ^2.0.5 => 2.0.5
        gatsby-plugin-offline: ^2.0.5 => 2.0.6
        gatsby-plugin-react-helmet: ^3.0.0 => 3.0.0
        gatsby-plugin-sharp: ^2.0.6 => 2.0.6
        gatsby-plugin-typescript: ^2.0.0 => 2.0.0
        gatsby-plugin-web-font-loader: ^1.0.4 => 1.0.4
        gatsby-remark-images: ^2.0.4 => 2.0.4
        gatsby-source-filesystem: ^2.0.3 => 2.0.3
        gatsby-transformer-remark: ^2.1.7 => 2.1.7

The text was updated successfully, but these errors were encountered:

kakadiadarpan · 2018-11-14T08:07:32Z

@hackhat can you provide a minimal reproduction repo for this issue?

hackhat · 2018-11-16T00:47:41Z

I don't, but basically the problem happens in the template because the tracker sends the pageview before the markdown page is loaded. The title of the page is only updated when the markdown is downloaded, because the title is in the markdown. But is tracked as soon as that url is changed. I wonder how this doesn't happen in other places...

lloydh · 2018-12-07T23:57:36Z

As @hackhat says this is happening because gatsby-plugin-google-analytics is sending off the pageview in Gatsby's onRouteUpdate hook, before react-helmet has rendered the new page title.

The issue affects SPA's generally and is discussed here. A hacky fix is arbitrarily delaying GA to allow the title to update. I'd like to see a discussion that results in a more elegant solution.

hackhat · 2018-12-10T07:40:14Z

Me too. I wonder how come it doesn't affect more people?

joakimbording · 2019-01-08T15:35:10Z

Same problem here. Using the gatsby-plugin-google-analytics cause page view reports in GA with the correct path and previous pages title.

gatsbot · 2019-02-12T17:27:34Z

Hiya!

This issue has gone quiet. Spooky quiet. 👻

We get a lot of issues, so we currently close issues after 30 days of inactivity. It’s been at least 20 days since the last update here.

If we missed this issue or if you want to keep it open, please reply here. You can also add the label "not stale" to keep this issue open!

Thanks for being a part of the Gatsby community! 💪💜

There is still a problem with title and path not being correct while navigating across a page. As referenced in: #9139 Solution made in: #2478 and #3362 For some reason the previous solution is being overwritten Co-authored-by: Ward Peeters <ward@coding-tech.com>

wardpeet · 2019-02-15T13:20:49Z

The PR got merged :) Big thank you to @jorgenblindheim
should be fixed in next release.

…byjs#10917) There is still a problem with title and path not being correct while navigating across a page. As referenced in: gatsbyjs#9139 Solution made in: gatsbyjs#2478 and gatsbyjs#3362 For some reason the previous solution is being overwritten Co-authored-by: Ward Peeters <ward@coding-tech.com>

kakadiadarpan added status: needs more info Needs triaging and reproducible examples or more information to be resolved status: needs reproduction This issue needs a simplified reproduction of the bug for further troubleshooting. labels Nov 14, 2018

lloydh added the help wanted Issue with a clear description that the community can help with. label Dec 7, 2018

jorgenblindheim mentioned this issue Jan 8, 2019

fix(google-analytics): fix pageview timing issue by delaying it #10917

Merged

gatsbot bot added the stale? Issue that may be closed soon due to the original author not responding any more. label Feb 12, 2019

Greegko mentioned this issue Feb 13, 2019

[gatsby-plugin-google-gtag]: Page and Title do not match in Analytics Dashboard #11592

Closed

wardpeet closed this as completed Feb 15, 2019

cmckulka mentioned this issue May 11, 2019

Google Tag Manager plug-in captures incorrect page title #13968

Closed

Simon-Tang mentioned this issue Jul 8, 2019

Google Analytics plugin should have configurable delay before sending Page View #15504

Closed

VBT-BB mentioned this issue Apr 2, 2020

Helmet refresh VirtualFox0/gatsby-plugin-google-analytics-gdpr#4

Open

theProf mentioned this issue Oct 26, 2020

fix: add delay for sending GA pageview to fix (not set) title clausehound/clausehound-blog#209

Merged

d4h0 mentioned this issue Dec 13, 2020

gatsby-plugin-google-analytics: sendPageView should be called via requestAnimationFrame, when available #28591

Closed

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Google analytics tracks pages, but not always the path and the title are from the same page. Sometimes a visitor visits "/" but the title of another url. #9139

Google analytics tracks pages, but not always the path and the title are from the same page. Sometimes a visitor visits "/" but the title of another url. #9139

hackhat commented Oct 16, 2018 •

edited

Loading

kakadiadarpan commented Nov 14, 2018

hackhat commented Nov 16, 2018

lloydh commented Dec 7, 2018

hackhat commented Dec 10, 2018

joakimbording commented Jan 8, 2019

gatsbot bot commented Feb 12, 2019

wardpeet commented Feb 15, 2019 •

edited

Loading

Google analytics tracks pages, but not always the path and the title are from the same page. Sometimes a visitor visits "/" but the title of another url. #9139

Google analytics tracks pages, but not always the path and the title are from the same page. Sometimes a visitor visits "/" but the title of another url. #9139

Comments

hackhat commented Oct 16, 2018 • edited Loading

Description

Steps to reproduce

Expected result

Actual result

Environment

kakadiadarpan commented Nov 14, 2018

hackhat commented Nov 16, 2018

lloydh commented Dec 7, 2018

hackhat commented Dec 10, 2018

joakimbording commented Jan 8, 2019

gatsbot bot commented Feb 12, 2019

wardpeet commented Feb 15, 2019 • edited Loading

hackhat commented Oct 16, 2018 •

edited

Loading

wardpeet commented Feb 15, 2019 •

edited

Loading