Force user on page certain time

JavaScript
21

Ah ha… so, if its a “required reading”, I might add a check box stating “I agree I have read all the above information”. Then after checked, enable. That way if I’m done in lets say a min, I’m not stuck there. Also you could run validation on the checkbox AND as a bonus place a server call to store the fact that user has STATED they read it for any legal issues, or non legal issues. Doing this and sending it to the server could also take care of routing issues.

22

To be fair, if you forced me to stay on your page to read something like that, I would either open the dev tools and find out how to bypass it, or bounce.

I think a checkbox, or maybe a button saying “I agree” (like how Google make you accept their terms and conditions) makes more sense. Then you can redirect the user wherever it is they need to go, with the option of storing their consent/acknowledgement in the database, so you don’t always have to trap them on the page for 3 mins.

23

Thank you for the idea and it’s a good thought, but I already do all of that except a timer on the specific pages. Now I just time the series of pages through the database, etc. Thanks!

24

Same answer posted to James…

Thank you for the idea and it’s a good thought, but I already do all of that except a timer on the specific pages. Now I just time the series of pages through the database, etc. Thanks!

25

If you already do that, and I’m being honest. If I agree I read and checked the box and was STILL waiting for 2 min, I’d bounce. I would never make it to page 2.

26

I here what you are saying but with timed educational pages if you bounce then you won’t get the credit and you can solve the bounce through database manipulation if someone wants to cheat!

Mostly, I wanted to just slow the process of clicking through too quick and that it why I laid that out with @ James_Hibbard in post #16. I was hoping there was an easy solution but looks like not so easy to do.

27

How would that best be accomplished?

28

something like this:
checkbox disabled button

its not perfect but it will get you close

1 Like
29

Thanks. This one works even simpler and seem to be effective. Can a timer be added to this too where it dims the check box and after 1 minute, it then allows you to check the box?

<form>
    <p><input type="checkbox" id="agreeCheckbox" name="agreeCheckbox" value="agreeCheckbox" onchange="toggleLink(this);">By clicking this you agree that you are adding a subscription/recurring product to your order</p>
</form>

<p><a href="exmaple.com" id="agreeLink" style="display:none;">This link is only clickable if checkbox is checked</a></p>
function toggleLink(checkBox)
{
    var link = document.getElementById("agreeLink");
    
    if (checkBox.checked)
        link.style.display = "inline";
    else
        link.style.display = "none";
}
30

Setting display none to the link would cause screen readers to not be aware, I cant recommend that approach.

1 Like
31

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.