With current APIs, is there any way to measure how long a user has been interacting with the website (not just with a single page)?
That would be useful to decide when to trigger a push notification prompt, a newsletter signup prompt, etc. That would increase the likelihood that a website display the prompt at the right moment, after some interaction, and not as soon as a user lands on a website.
I guess you could store a timestamp of the visitor’s arrival in sessionStorage.
you could store a timestamp of the visitor’s arrival in
sessionStorage
That would not measure the actual interaction time with your website… Idle, not using the PC or the browser, visiting other sites on other tabs, etc.
That’s why we need an API to measure the actual interaction time.
Chrome recently shipped Idle Detection.
As far as I know, there is no single API that would directly tell you how long the user has interacted with a website as a whole, but there are different APIs that can be used together to enable a library that can answer that question more or less reliably.
thanks my issue has been fixed.
I still think that an API would be really useful.
Also note that the Idle Detection requires a permission, so it’s not suited for my use case: for example one of the use cases would be to ask the permission for notifications only once the user has interacted with the website for some time.
If you have privacy concern, the API could round the “interaction time” value… For example instead of saying that the user has interacted with a domain for 123.45 seconds, it could say > 1 minute.
The API would be really simple:
window.getDomainInteractionTime => numberwindow.getDomainEngagementLevel => ‘new’, ‘low’, ‘medium’, ‘high’, etc.Then, based on the level of engagement, you can display personalized messages, push notification prompt, a newsletter signup prompt, etc…
Hi all!
“This is an average of the amount of time all visitors to a page spend on that particular page. This can be misleading as some people might leave the page open and go to lunch. But it is a pretty good reflection on how people are engaging with your content.”
Summary: Users often leave Web pages in 10–20 seconds, but pages with a clear value proposition can hold people’s attention for much longer. To gain several minutes of user attention, you must clearly communicate your value proposition within 10 seconds.
var info = userLeaveWebpage(); // website//mobile
localstorage.saveData(info)
// or
var website = userLeaveWebpage.mobile();
var mobile = userLeaveWebpage.website();
if website == 10 or website == 20:
userInteractTimeWebsite.form(10) // evaluate every 10 seconds if the user used the form or not in website
window.getDomainInteractionTime => number
//window.getDomainEngagementLevel => ‘new’, ‘low’, ‘medium’, ‘high
return localstorage.statusPage('true', '[10, 20]');
if website == 10 or website == 20:
window.getDomainInteractionTime => number
//window.getDomainEngagementLevel => ‘new’, ‘low’, ‘medium’, ‘high
userInteractTimeMobile.form(10) // evaluate every 10 seconds if the user used the form or not in mobile
return localstorage.statusPage('true', '[10, 20]');
@collimarco @simevidas @jackyjoy123 Hi all! What do you think of this code?
@raphaellouis It’s nice to see that you are also interested in this proposal. However I really don’t understand your idea / code.
@collimarco thank you for feedback ;D
//// -- LEVEL 1
//// -- Tables and References
Table UserInteractionWays {
InteractionByForm timestamp
WaitForPageToLoad timestamp
TimeThatUserWaitPage timestamp
ClickingAButtonForASetTime timestamp
}
<!DOCTYPE html>
<html>
<body>
<h1>The Window Object</h1>
<h2>The localStorage Property</h2>
<p>Saved name is:</p>
<p id="demo"></p>
<script>
// Set Item
var loadTime = window.performance.timing.domContentLoadedEventEnd- window.performance.timing.navigationStart;
localStorage.setItem("WaitForPageToLoad", loadTime);
document.getElementById("demo").innerHTML = localStorage.getItem("WaitForPageToLoad");
</script>
</body>
</html>
the time the user waits on the page was -1653750874358 or 2022-05-24 16:18:56.
@collimarco If you have any questions, I explain in another way, I really want to help with this proposal
try:
element = UserInteractionTime(driver, 10).until(
EC.presence_of_element_located((By.ID, "myDynamicElement"))
)
finally:
UserInteractionTime.quit()
var start=0, end;
function UserInteraction(nameDef, value){
localStorage.setItem(nameDef, value);
return localStorage.getItem(nameDef);
}
function UserInteractionForm(){
$('.eform input').on('focus', function(e){
start=Date.now()
})
$(document).on('submit','.eform', function(e){
end=Date.now()-start;
let number = start+end;
console.log("Seconds filling the form", parseFloat(end/1000).toFixed(2) )
UserInteraction("InteractionByForm", number)
});
}
function loadTime(){
return window.performance.timing.domContentLoadedEventEnd- window.performance.timing.navigationStart;
}