Coder Social home page Coder Social logo

Comments (6)

tobiaslins avatar tobiaslins commented on April 30, 2024 1

We just rolled out a new version that now doesn't track same-page hash navigations anymore!
This should work now as expected without any changes on your side!

Thanks 🙏

from analytics.

tobiaslins avatar tobiaslins commented on April 30, 2024

Hey @Justineo :)

We consider adding a way to disable automatic page view collection (and triggering them manually).
For now you will need to use beforeSend to skip tracking page views with # in the URL.

<Analytics beforeSend={function (event) {
    if(event.url.includes("#")) return 
    return event;
}} />

Something like that would work, but sadly there is no way to find out if it was a crosspage navigation or same page hash navigation.
https://vercel.com/docs/concepts/analytics/audiences/redacting-sensitive-data

from analytics.

Justineo avatar Justineo commented on April 30, 2024

I think this workaround won't work as the page view event does not expose enough information. The page view from /foo to /bar#baz shouldn't be skipped.

We need both the URL before navigation and after it to see if history change is caused by in-page anchors but in current implementation we only got url.

interface PageViewEvent {
type: 'pageview';
url: string;
}

from analytics.

Justineo avatar Justineo commented on April 30, 2024

Hello, I'm following up on the status of this issue. Has there been any progress?

from analytics.

tobiaslins avatar tobiaslins commented on April 30, 2024

@Justineo
You could keep the previous page in useRef and only skip the event when its a same page navigation! What do you think?

from analytics.

Justineo avatar Justineo commented on April 30, 2024

I think this is a common use case and shouldn’t require such workaround. Technically we can rewrite any client side logic but I think it should be handled by the analytics SDK itself.

from analytics.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.