Page scroll depth #121
Closed
metmarkosaric
started this conversation in
Anything Else
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Uh oh!
There was an error while loading. Please reload this page.
Uh oh!
There was an error while loading. Please reload this page.
-
"Show how far down people scroll on a page as a percentage."
Update: Scroll depth tracking is now live https://plausible.io/docs/scroll-depth
Beta Was this translation helpful? Give feedback.
All reactions
Replies: 9 comments · 24 replies
Uh oh!
There was an error while loading. Please reload this page.
-
Would be great to get this feature. Especially for blog pages. Any updates?
Beta Was this translation helpful? Give feedback.
All reactions
Uh oh!
There was an error while loading. Please reload this page.
-
This is a big one for me, as we use it for a quality measure of the content and engagement.
Beta Was this translation helpful? Give feedback.
All reactions
Uh oh!
There was an error while loading. Please reload this page.
Uh oh!
There was an error while loading. Please reload this page.
-
That would be a very nice feature to add, and such an easy one to implement I believe.
Here's a scrolling depth tracking script as reference:
You could add a debounce mechanism if you want to optimize the number of events sent to the server (ex: send the new depth after the user has sit still for 2 seconds).
On the backend side we simply need to create a new entry in the database for this value and display it in the Top pages detailed table.
What do you think ?
Beta Was this translation helpful? Give feedback.
All reactions
Uh oh!
There was an error while loading. Please reload this page.
-
Hey there, this is a great request. Are there any updates on that? @metmarkosaric thx a lot in advance.
Beta Was this translation helpful? Give feedback.
All reactions
Uh oh!
There was an error while loading. Please reload this page.
-
thanks! there are no short term plans for this. we are a small team with limited development resources so need to focus on most frequently requested features first. currently the focus is on introducing a google analytics stats import. when there's an update on page scroll depth, we'll post it here. thanks for understanding!
Beta Was this translation helpful? Give feedback.
All reactions
Uh oh!
There was an error while loading. Please reload this page.
-
How much time would that take to implement ? Seems like an easy to add, yet good value feature.
Beta Was this translation helpful? Give feedback.
All reactions
Uh oh!
There was an error while loading. Please reload this page.
Uh oh!
There was an error while loading. Please reload this page.
-
for every new feature there are many things to think about including how does it affect the size of our script, where to place it in the UI in order to keep having a simple interface, make it look good on all devices, include it in the export and the api etc. we have a small team so need to take things one at a time. at the moment, we're focused on more highly requested features
Beta Was this translation helpful? Give feedback.
All reactions
Uh oh!
There was an error while loading. Please reload this page.
-
@metmarkosaric has there been any change to this over the past years?
Beta Was this translation helpful? Give feedback.
All reactions
Uh oh!
There was an error while loading. Please reload this page.
-
Two years later, any update on this? :)
Beta Was this translation helpful? Give feedback.
All reactions
Uh oh!
There was an error while loading. Please reload this page.
-
Hi,
Would love to have "scroll" as a goal event, regardless of scroll depth. It is native in google analytics, I am looking for a similar native feature.
Is it possible today with a bit of custom code? Is it on your roadmap?
Many thanks,
Alex
Beta Was this translation helpful? Give feedback.
All reactions
Uh oh!
There was an error while loading. Please reload this page.
-
You probably can if you only notify plausible when the user exits the page instead of when the depth changes, something like :
This might not work 100% of the time however. You'd have to test, but I think if the user exits the page by closing the tab or exiting the browser, the request won't be made.
Beta Was this translation helpful? Give feedback.
All reactions
Uh oh!
There was an error while loading. Please reload this page.
-
I think that would be too much of a constraint for me to rely on it..
But it'd be a perfect application for navigator.sendBeacon, wouldn't it?
How's the roadmap for plausible/plausible-tracker#16?
Beta Was this translation helpful? Give feedback.
All reactions
Uh oh!
There was an error while loading. Please reload this page.
-
you can see the current status in this PR #1679
Beta Was this translation helpful? Give feedback.
All reactions
Uh oh!
There was an error while loading. Please reload this page.
Uh oh!
There was an error while loading. Please reload this page.
-
I wrote a similar script that attaches an intersection observer to all h2 and h3 headings and sends an event once a heading becomes visible. Here's my React code in case anyone is interested:
The resulting goal could be really valuable, but unfortunately it's not easy to read because of the wrong order of headings.Edit: With a bit of patience and more data the order of headings becomes clearer. It's now quite easy to see how far the users read.
Beta Was this translation helpful? Give feedback.
All reactions
Uh oh!
There was an error while loading. Please reload this page.
-
I implemented mine with a similar approach to #121 (reply in thread) (dgp1130/blog@4659e35 and dgp1130/blog@53f7826 if you're interested). This works well enough for a small blog, but I'm not totally satisfied with the approach since Plausible's dashboard doesn't give a means of breaking down this data. I'd want to filter for a specific page and view how far users scrolled down it, but there is no way to do that in the custom events dashboard. Instead we have to make a
tag
property which contains both the path and the scroll depth of the event, which intermixes pages and can get quite unwieldy. Ideally I would be able to:scroll-depth.path == "/some/page"
.scroll-depth.depth
property.The simplest workaround would be to view the
tag
property and then just add a filter which limits totag
values that contain/some/page
, but I don't think even that's possible right now. That would probably be the easiest way to support this feature, though some more powerful dashboard views would do a more complete job.Beta Was this translation helpful? Give feedback.
All reactions
Uh oh!
There was an error while loading. Please reload this page.
-
Any update on this ?
Beta Was this translation helpful? Give feedback.
All reactions
Uh oh!
There was an error while loading. Please reload this page.
-
We are suuper keen on this feature too. Happy to contribute code for it. 🙏
We are current paying customers of Plausible and planning to propose using the product to a large corporate client that needs privacy.
But this is a feature they they need and thus we are either going to
fork
theanalytics
project and add it to thefork
or we'd be very happy to contribute it up-stream and have it in the core product.
Beta Was this translation helpful? Give feedback.
All reactions
Uh oh!
There was an error while loading. Please reload this page.
-
Update: Scroll depth tracking is now live https://plausible.io/docs/scroll-depth
Beta Was this translation helpful? Give feedback.
All reactions
Uh oh!
There was an error while loading. Please reload this page.
-
@MickL thanks, glad to hear that! scroll depth tracking works out of the box with our default JavaScript snippet and is tracked with a new kind of special event which requires a pretty complex setup. we plan to work on a new version of the tracker to support this but i cannot say any details nor promise any timelines on this. sorry about that!
Beta Was this translation helpful? Give feedback.
All reactions
Uh oh!
There was an error while loading. Please reload this page.
Uh oh!
There was an error while loading. Please reload this page.
-
Ok, unfortunately most projects, including nuxt-plausible use barbapapazes/plausible-tracker which is an own implementation. To support scrolldepth tracking it would require barbapapazes/plausible-tracker to rewrite this "complex setup". Issue: Barbapapazes/plausible-tracker#20
Would you be willing to show how to make this setup and document the needed api event?
Btw if you ever want to start workinh on plausible-tracker againg, maybe it would make sense to fork Barbapapazes/plausible-tracker instead and use it as a new base?
Beta Was this translation helpful? Give feedback.
All reactions
Uh oh!
There was an error while loading. Please reload this page.
-
I've implemented the WordPress plug-in on my sites, but I'm unable to see the scroll percentage values on my Plausible dashboard.
However, I can view these values on the Plausible test sites. Could someone help me resolve this issue?
Beta Was this translation helpful? Give feedback.
All reactions
Uh oh!
There was an error while loading. Please reload this page.
-
hi @Swamp2k9! please do contact our customer support with details and someone will take a look. see https://plausible.io/contact. thanks!
Beta Was this translation helpful? Give feedback.
All reactions
Uh oh!
There was an error while loading. Please reload this page.
-
@metmarkosaric Could you please provide information on how to do the scroll tracking, maybe in this issue Barbapapazes/plausible-tracker#20 ?
Beta Was this translation helpful? Give feedback.
All reactions
Uh oh!
There was an error while loading. Please reload this page.
-
I know we don't track users (Privacy-first), and am wondering if this feature could be used for rewarding authors (depending on scroll length + time on page = payment to authors....is this something of interest to anyone or is this unacceptable use?
For my situation, I am only talking about authenticated users, so a cookie would be there from authentication with an opaque one-time value that could be used for correlation....?
Beta Was this translation helpful? Give feedback.
All reactions