Giter Club home page Giter Club logo

Comments (4)

flinguin avatar flinguin commented on August 30, 2024 3

actually this is one of the main missing features imho - and as the issue is open for more than a year now i want to give this a +1 from my side.

in my usecase elements are used instead of percentages as i am tracking the scrolling of a single page site and elements are simply more descriptive - so i would like to send an interaction-event if an element further down is scrolled into the viewport (meaning the visitor is really interacting with my site)

for both - percentages and elements - it would be desirable that one can specify a point / element after which the event counts as an interaction and thus the session does not count as a bounce anymore.

i would suggest a simple option like:

jQuery.scrollDepth({
'interactionAfter': '#element'
});

for element use

OR

jQuery.scrollDepth({
'interactionAfter': 25
});

for percentage use

from scroll-depth.

robflaherty avatar robflaherty commented on August 30, 2024

There isn't a good way to do this right now but I agree that the plugin should support this. It's somewhat related to a bug I'm going to fix next (to ensure that the Baseline event is always non-interaction) so I think this is a feature I'll be able to add pretty soon.

from scroll-depth.

erikberger avatar erikberger commented on August 30, 2024

Great plugin! I wanted to see if there was an update here? Would love to be able to specify that reaching a certain percentage or element meant that the user did not bounce even if thats the only page they visited.

from scroll-depth.

robflaherty avatar robflaherty commented on August 30, 2024

@erikberger thanks :) It's not possible right now to do it using the percentages but you can do it if you turn off the percentage events and just use a custom element.

Using the options in this example, Scroll Depth would only fire events when #div1 and #div2 are reached, and those events would trigger a non-bounce.

jQuery.scrollDepth({
  elements: ['#div1', '#div2'],
  percentage: false,
  userTiming: false,
  pixelDepth: false,
  nonInteraction: false
});

from scroll-depth.

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.