{"id":92918,"date":"2022-08-04T04:11:47","date_gmt":"2022-08-04T02:11:47","guid":{"rendered":"https:\/\/rmarketingdigital.com\/dev\/detecte-usuarios-inactivos-con-la-api-de-deteccion-de-inactividad\/"},"modified":"2020-10-14T06:16:50","modified_gmt":"2020-10-14T09:16:50","slug":"detecte-usuarios-inactivos-con-la-api-de-deteccion-de-inactividad","status":"publish","type":"post","link":"https:\/\/rmarketingdigital.com\/fr\/dev\/detecte-usuarios-inactivos-con-la-api-de-deteccion-de-inactividad\/","title":{"rendered":"D\u00e9tectez les utilisateurs inactifs avec l&#039;API de d\u00e9tection d&#039;inactivit\u00e9"},"content":{"rendered":"<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_86 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Table des mati\u00e8res<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Basculer la table des mati\u00e8res\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Basculer<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewbox=\"0 0 24 24\" version=\"1.2\" baseprofile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/rmarketingdigital.com\/fr\/dev\/detecte-usuarios-inactivos-con-la-api-de-deteccion-de-inactividad\/#%C2%BFQue-es-la-API-de-deteccion-de-inactividad\" >Qu&#039;est-ce que l&#039;API de d\u00e9tection d&#039;inactivit\u00e9?<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/rmarketingdigital.com\/fr\/dev\/detecte-usuarios-inactivos-con-la-api-de-deteccion-de-inactividad\/#Casos-de-uso-sugeridos-para-la-API-de-deteccion-de-inactividad\" >Cas d&#039;utilisation sugg\u00e9r\u00e9s pour l&#039;API de d\u00e9tection d&#039;inactivit\u00e9<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/rmarketingdigital.com\/fr\/dev\/detecte-usuarios-inactivos-con-la-api-de-deteccion-de-inactividad\/#Estado-actual\" >\u00c9tat actuel<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/rmarketingdigital.com\/fr\/dev\/detecte-usuarios-inactivos-con-la-api-de-deteccion-de-inactividad\/#Como-utilizar-la-API-de-deteccion-de-inactividad\" >Comment utiliser l&#039;API de d\u00e9tection d&#039;inactivit\u00e9<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/rmarketingdigital.com\/fr\/dev\/detecte-usuarios-inactivos-con-la-api-de-deteccion-de-inactividad\/#Habilitacion-a-traves-de-chrome-flags\" >Activation via chrome: \/\/ flags<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/rmarketingdigital.com\/fr\/dev\/detecte-usuarios-inactivos-con-la-api-de-deteccion-de-inactividad\/#Habilitacion-de-soporte-durante-la-fase-de-prueba-de-origen\" >Activation du support pendant la phase de preuve d&#039;origine<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/rmarketingdigital.com\/fr\/dev\/detecte-usuarios-inactivos-con-la-api-de-deteccion-de-inactividad\/#Registrese-para-la-prueba-de-origen\" >Inscrivez-vous pour obtenir une preuve d&#039;origine<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/rmarketingdigital.com\/fr\/dev\/detecte-usuarios-inactivos-con-la-api-de-deteccion-de-inactividad\/#Deteccion-de-caracteristicas\" >D\u00e9tection des fonctionnalit\u00e9s<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/rmarketingdigital.com\/fr\/dev\/detecte-usuarios-inactivos-con-la-api-de-deteccion-de-inactividad\/#Conceptos-de-la-API-de-deteccion-de-inactividad\" >Concepts de l&#039;API de d\u00e9tection d&#039;inactivit\u00e9<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-10\" href=\"https:\/\/rmarketingdigital.com\/fr\/dev\/detecte-usuarios-inactivos-con-la-api-de-deteccion-de-inactividad\/#Uso-de-la-API-de-deteccion-de-inactividad\" >Utilisation de l&#039;API de d\u00e9tection d&#039;inactivit\u00e9<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-11\" href=\"https:\/\/rmarketingdigital.com\/fr\/dev\/detecte-usuarios-inactivos-con-la-api-de-deteccion-de-inactividad\/#Soporte-DevTools\" >Prise en charge de DevTools<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-12\" href=\"https:\/\/rmarketingdigital.com\/fr\/dev\/detecte-usuarios-inactivos-con-la-api-de-deteccion-de-inactividad\/#Soporte-de-titiritero\" >Stand de marionnettiste<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-13\" href=\"https:\/\/rmarketingdigital.com\/fr\/dev\/detecte-usuarios-inactivos-con-la-api-de-deteccion-de-inactividad\/#Manifestacion\" >Manifestation<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-14\" href=\"https:\/\/rmarketingdigital.com\/fr\/dev\/detecte-usuarios-inactivos-con-la-api-de-deteccion-de-inactividad\/#Polyfilling\" >Polyfilling<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-15\" href=\"https:\/\/rmarketingdigital.com\/fr\/dev\/detecte-usuarios-inactivos-con-la-api-de-deteccion-de-inactividad\/#Seguridad-y-permisos\" >S\u00e9curit\u00e9 et autorisations<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-16\" href=\"https:\/\/rmarketingdigital.com\/fr\/dev\/detecte-usuarios-inactivos-con-la-api-de-deteccion-de-inactividad\/#Control-de-usuario-y-privacidad\" >Contr\u00f4le de l&#039;utilisateur et confidentialit\u00e9<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-17\" href=\"https:\/\/rmarketingdigital.com\/fr\/dev\/detecte-usuarios-inactivos-con-la-api-de-deteccion-de-inactividad\/#Retroalimentacion\" >Retour<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-18\" href=\"https:\/\/rmarketingdigital.com\/fr\/dev\/detecte-usuarios-inactivos-con-la-api-de-deteccion-de-inactividad\/#Cuentanos-sobre-el-diseno-de-la-API\" >Parlez-nous de la conception de l&#039;API<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-19\" href=\"https:\/\/rmarketingdigital.com\/fr\/dev\/detecte-usuarios-inactivos-con-la-api-de-deteccion-de-inactividad\/#Informar-un-problema-con-la-implementacion\" >Signaler un probl\u00e8me avec le d\u00e9ploiement<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-20\" href=\"https:\/\/rmarketingdigital.com\/fr\/dev\/detecte-usuarios-inactivos-con-la-api-de-deteccion-de-inactividad\/#Mostrar-apoyo-a-la-API\" >Afficher la prise en charge de l&#039;API<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-21\" href=\"https:\/\/rmarketingdigital.com\/fr\/dev\/detecte-usuarios-inactivos-con-la-api-de-deteccion-de-inactividad\/#Enlaces-Utiles\" >Liens utiles<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-22\" href=\"https:\/\/rmarketingdigital.com\/fr\/dev\/detecte-usuarios-inactivos-con-la-api-de-deteccion-de-inactividad\/#Agradecimientos\" >Merci<\/a><\/li><\/ul><\/nav><\/div>\n<p><\/p>\n<div>\n<header class=\"w-article-header\">\n<p class=\"w-article-header__subhead w-mb--non\">\n<p>          Utilisez l&#039;API de d\u00e9tection d&#039;inactivit\u00e9 pour savoir quand l&#039;utilisateur n&#039;utilise pas activement son appareil.\n        <\/p>\n<p>\n          <time>18 mai 2020<\/time><br \/>\n            Mise \u00e0 jour <time>2 octobre 2020<\/time>\n        <\/p>\n<\/header>\n<div class=\"w-aside w-aside--note\">\n<p>L&#039;API de d\u00e9tection d&#039;inactivit\u00e9 fait partie de<br \/>\n<a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/developers.google.com\/web\/updates\/capabilities\">projet de capacit\u00e9s<\/a><br \/>\net est actuellement en cours de d\u00e9veloppement. Ce message sera mis \u00e0 jour au fur et \u00e0 mesure que la mise en \u0153uvre progressera.<\/p>\n<\/div>\n<h2 id=\"what\"><span class=\"ez-toc-section\" id=\"%C2%BFQue-es-la-API-de-deteccion-de-inactividad\"><\/span>Qu&#039;est-ce que l&#039;API de d\u00e9tection d&#039;inactivit\u00e9? <span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>L&#039;API de d\u00e9tection d&#039;inactivit\u00e9 avertit les d\u00e9veloppeurs lorsqu&#039;un utilisateur est inactif, indiquant des \u00e9l\u00e9ments tels que le manque d&#039;interaction avec le clavier, la souris, l&#039;\u00e9cran, l&#039;activation d&#039;un \u00e9conomiseur d&#039;\u00e9cran, le verrouillage de l&#039;\u00e9cran ou le passage \u00e0 un autre \u00e9cran. Un seuil d\u00e9fini par le d\u00e9veloppeur d\u00e9clenche la notification.<\/p>\n<h3 id=\"use-cases\"><span class=\"ez-toc-section\" id=\"Casos-de-uso-sugeridos-para-la-API-de-deteccion-de-inactividad\"><\/span>Cas d&#039;utilisation sugg\u00e9r\u00e9s pour l&#039;API de d\u00e9tection d&#039;inactivit\u00e9 <span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Voici quelques exemples de sites pouvant utiliser cette API:<\/p>\n<ul>\n<li>Les applications de chat ou les sites de r\u00e9seaux sociaux en ligne peuvent utiliser cette API pour indiquer \u00e0 l&#039;utilisateur si ses contacts sont actuellement disponibles.<\/li>\n<li>Les applications de kiosque affich\u00e9es publiquement, par exemple dans les mus\u00e9es, peuvent utiliser cette API pour revenir \u00e0 la vue &quot;d&#039;accueil&quot; si personne n&#039;interagit plus avec le kiosque.<\/li>\n<li>Les applications qui n\u00e9cessitent des calculs co\u00fbteux, par exemple pour dessiner des graphiques, peuvent limiter ces calculs aux moments o\u00f9 l&#039;utilisateur interagit avec son appareil.<\/li>\n<\/ul>\n<h2 id=\"status\"><span class=\"ez-toc-section\" id=\"Estado-actual\"><\/span>\u00c9tat actuel <span class=\"ez-toc-section-end\"><\/span><\/h2>\n<div class=\"w-table-wrapper\">\n<div class=\"w-table-wrapper\">\n<table>\n<thead>\n<tr>\n<th>Il a pass\u00e9<\/th>\n<th>\u00c9tat<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td>1. Cr\u00e9ez un explicatif<\/td>\n<td><a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/github.com\/samuelgoto\/idle-detection\/blob\/master\/README.md\">Compl\u00e9ter<\/a><\/td>\n<\/tr>\n<tr>\n<td>2. Cr\u00e9er une \u00e9bauche de sp\u00e9cification initiale<\/td>\n<td>Pas commenc\u00e9<\/td>\n<\/tr>\n<tr>\n<td>3. Recueillez les commentaires et r\u00e9p\u00e9tez la conception<\/td>\n<td>En progr\u00e8s<\/td>\n<\/tr>\n<tr>\n<td>4. Preuve de l&#039;origine<\/td>\n<td><a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/developers.chrome.com\/origintrials\/#\/view_trial\/551690954352885761\">En progr\u00e8s<\/a><\/td>\n<\/tr>\n<tr>\n<td>5. Lancez<\/td>\n<td>Pas commenc\u00e9<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/div>\n<h2 id=\"use\"><span class=\"ez-toc-section\" id=\"Como-utilizar-la-API-de-deteccion-de-inactividad\"><\/span>Comment utiliser l&#039;API de d\u00e9tection d&#039;inactivit\u00e9 <span class=\"ez-toc-section-end\"><\/span><\/h2>\n<h3 id=\"enabling-via-chrome:flags\"><span class=\"ez-toc-section\" id=\"Habilitacion-a-traves-de-chrome-flags\"><\/span>Activation via chrome: \/\/ flags <span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Pour exp\u00e9rimenter localement l&#039;API de d\u00e9tection d&#039;inactivit\u00e9, sans jeton de test source, activez le<br \/>\n<code>#enable-experimental-web-platform-features<\/code> drapeau sur <code>chrome:\/\/flags<\/code>.<\/p>\n<h3 id=\"enabling-support-during-the-origin-trial-phase\"><span class=\"ez-toc-section\" id=\"Habilitacion-de-soporte-durante-la-fase-de-prueba-de-origen\"><\/span>Activation du support pendant la phase de preuve d&#039;origine <span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>\u00c0 partir de Chrome 84, l&#039;API de d\u00e9tection d&#039;inactivit\u00e9 sera disponible comme preuve d&#039;origine. La preuve d&#039;origine devrait se terminer sur Chrome 86.<\/p>\n<p>Les tests d&#039;origine vous permettent de tester de nouvelles fonctionnalit\u00e9s et de fournir des commentaires sur leur convivialit\u00e9, leur caract\u00e8re pratique et leur efficacit\u00e9 \u00e0 la communaut\u00e9 des normes Web. Pour plus d&#039;informations, consultez le <a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/github.com\/GoogleChrome\/OriginTrials\/blob\/gh-pages\/developer-guide.md\">Guide de test d&#039;origine pour les d\u00e9veloppeurs Web<\/a>. Pour vous inscrire \u00e0 cette preuve d&#039;origine ou \u00e0 toute autre preuve d&#039;origine, visitez le <a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/developers.chrome.com\/origintrials\/#\/trials\/active\">page d&#039;inscription<\/a>.<\/p>\n<h3 id=\"register-for-ot\"><span class=\"ez-toc-section\" id=\"Registrese-para-la-prueba-de-origen\"><\/span>Inscrivez-vous pour obtenir une preuve d&#039;origine <span class=\"ez-toc-section-end\"><\/span><\/h3>\n<ol>\n<li><a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/developers.chrome.com\/origintrials\/#\/view_trial\/551690954352885761\">Demander un jeton<\/a> par votre origine.<\/li>\n<li>Ajoutez le jeton \u00e0 vos pages. Il y a deux fa\u00e7ons de le faire:\n<ul>\n<li>Ajouter un <code>origine-proc\u00e8s<\/code> <code><\/code>  balise \u00e0 l&#039;en-t\u00eate de chaque page. Par exemple, cela pourrait ressembler \u00e0 ceci: <br \/><code><\/code><\/li>\n<li>Si vous pouvez configurer votre serveur, vous pouvez \u00e9galement ajouter le jeton \u00e0 l&#039;aide d&#039;un <code>Essai d&#039;origine<\/code> En-t\u00eate HTTP. L&#039;en-t\u00eate de r\u00e9ponse qui en r\u00e9sulte doit ressembler \u00e0 ceci:<br \/><code>Essai d&#039;origine: TOKEN_GOES_HERE<\/code><\/li>\n<\/ul>\n<\/li>\n<\/ol>\n<h3 id=\"feature-detection\"><span class=\"ez-toc-section\" id=\"Deteccion-de-caracteristicas\"><\/span>D\u00e9tection des fonctionnalit\u00e9s <span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Pour v\u00e9rifier si l&#039;API de d\u00e9tection d&#039;inactivit\u00e9 est prise en charge, utilisez:<\/p>\n<p><web-copy-code><\/p>\n<pre class=\"language-javascript\"><code class=\"language-javascript\"><span class=\"token keyword\">si<\/span> <span class=\"token punctuation\">(<\/span><span class=\"token string\">'IdleDetector'<\/span> <span class=\"token keyword\">dans<\/span> la fen\u00eatre<span class=\"token punctuation\">)<\/span> <span class=\"token punctuation\">{<\/span><br><span class=\"token punctuation\">}<\/span><\/code><\/pre>\n<p><\/web-copy-code><\/p>\n<h3 id=\"idle-detection-api-concepts\"><span class=\"ez-toc-section\" id=\"Conceptos-de-la-API-de-deteccion-de-inactividad\"><\/span>Concepts de l&#039;API de d\u00e9tection d&#039;inactivit\u00e9 <span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>L&#039;API de d\u00e9tection d&#039;inactivit\u00e9 suppose qu&#039;il existe un certain niveau d&#039;interaction entre l&#039;utilisateur, l&#039;agent utilisateur (c&#039;est-\u00e0-dire le navigateur) et le syst\u00e8me d&#039;exploitation de l&#039;appareil utilis\u00e9. Ceci est repr\u00e9sent\u00e9 en deux dimensions:<\/p>\n<ul>\n<li><strong>L&#039;\u00e9tat inactif de l&#039;utilisateur:<\/strong><br \/>\n<code>actif<\/code>  ou <code>inactif<\/code>- L&#039;utilisateur a ou n&#039;a pas interagi avec l&#039;agent utilisateur pendant un certain temps.<\/li>\n<li><strong>L&#039;\u00e9tat inactif de l&#039;\u00e9cran:<\/strong><br \/>\n<code>ferm\u00e9 \u00e0 cl\u00e9<\/code>  ou <code>d\u00e9verrouill\u00e9<\/code>- Le syst\u00e8me dispose d&#039;un verrouillage d&#039;\u00e9cran actif (tel qu&#039;un \u00e9conomiseur d&#039;\u00e9cran) qui emp\u00eache toute interaction avec l&#039;agent utilisateur.<\/li>\n<\/ul>\n<p>Distinctif <code>actif<\/code> depuis <code>inactif<\/code> n\u00e9cessite des heuristiques qui peuvent diff\u00e9rer selon l&#039;utilisateur, l&#039;agent utilisateur et le syst\u00e8me d&#039;exploitation. Il devrait \u00e9galement s&#039;agir d&#039;un seuil assez approximatif (voir S\u00e9curit\u00e9 et autorisations).<\/p>\n<p>Le mod\u00e8le ne fait pas intentionnellement de distinction formelle entre l&#039;interaction avec un contenu particulier (c&#039;est-\u00e0-dire la page Web dans un onglet utilisant l&#039;API), l&#039;agent utilisateur dans son ensemble ou le syst\u00e8me d&#039;exploitation; cette d\u00e9finition est laiss\u00e9e \u00e0 l&#039;agent utilisateur.<\/p>\n<h3 id=\"using-the-idle-detection-api\"><span class=\"ez-toc-section\" id=\"Uso-de-la-API-de-deteccion-de-inactividad\"><\/span>Utilisation de l&#039;API de d\u00e9tection d&#039;inactivit\u00e9 <span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>La premi\u00e8re \u00e9tape lors de l&#039;utilisation de l&#039;API de d\u00e9tection d&#039;inactivit\u00e9 est de s&#039;assurer que <code>&#039;d\u00e9tection d&#039;inactivit\u00e9&#039;<\/code> l&#039;autorisation est accord\u00e9e. Si l&#039;autorisation n&#039;est pas accord\u00e9e, vous devez la demander via <code>IdleDetector.requestPermission ()<\/code>. Notez que l&#039;appel de cette m\u00e9thode n\u00e9cessite un geste de l&#039;utilisateur.<\/p>\n<p><web-copy-code><\/p>\n<pre class=\"language-js\"><code class=\"language-js\"><br><span class=\"token keyword\">const<\/span> state <span class=\"token operator\">=<\/span> <span class=\"token keyword\">await<\/span> IdleDetector<span class=\"token punctuation\">.<\/span><span class=\"token function\">requestPermission<\/span><span class=\"token punctuation\">(<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span><br><span class=\"token keyword\">if<\/span> <span class=\"token punctuation\">(<\/span>state <span class=\"token operator\">!==<\/span> <span class=\"token string\">'granted'<\/span><span class=\"token punctuation\">)<\/span> <span class=\"token punctuation\">{<\/span><br><span class=\"token keyword\">return<\/span> console<span class=\"token punctuation\">.<\/span><span class=\"token function\">log<\/span><span class=\"token punctuation\">(<\/span><span class=\"token string\">'Idle detection permission not granted.'<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span><br><span class=\"token punctuation\">}<\/span><\/code><\/pre>\n<p><\/web-copy-code><\/p>\n<div class=\"w-aside w-aside--note\">\n<p>Initialement, la d\u00e9tection inactive \u00e9tait bloqu\u00e9e derri\u00e8re l&#039;autorisation de notifications. Bien que de nombreux cas d&#039;utilisation de cette API, mais pas tous, impliquent des notifications, les \u00e9diteurs de sp\u00e9cifications de d\u00e9tection d&#039;inactivit\u00e9 ont d\u00e9cid\u00e9 de la bloquer avec une autorisation de d\u00e9tection d&#039;inactivit\u00e9 d\u00e9di\u00e9e.<\/p>\n<\/div>\n<p>La deuxi\u00e8me \u00e9tape consiste ensuite \u00e0 instancier le <code>IdleDetector<\/code>. Le minimum <code>au seuil<\/code> est de 60 000 millisecondes (1 minute). Vous pouvez enfin d\u00e9marrer la d\u00e9tection inactive en appelant<br \/>\n<code>IdleDetector<\/code>c&#039;est <code>d\u00e9marrer ()<\/code> m\u00e9thode. Prenez un objet avec le ralenti souhait\u00e9 <code>au seuil<\/code> en millisecondes et facultatif <code>signal<\/code> avec un<br \/>\n<a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/API\/AbortSignal\"><code>AbortSignal<\/code><\/a><\/p>\n<p>pour annuler la d\u00e9tection inactive en tant que param\u00e8tres.<\/p>\n<p><web-copy-code><\/p>\n<pre class=\"language-js\"><code class=\"language-js\"><span class=\"token keyword\">try<\/span> <span class=\"token punctuation\">{<\/span><br><span class=\"token keyword\">const<\/span> controller <span class=\"token operator\">=<\/span> <span class=\"token keyword\">new<\/span> <span class=\"token class-name\">AbortController<\/span><span class=\"token punctuation\">(<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span><br><span class=\"token keyword\">const<\/span> signal <span class=\"token operator\">=<\/span> controller<span class=\"token punctuation\">.<\/span>signal<span class=\"token punctuation\">;<\/span><p><span class=\"token keyword\">const<\/span> idleDetector <span class=\"token operator\">=<\/span> <span class=\"token keyword\">new<\/span> <span class=\"token class-name\">IdleDetector<\/span><span class=\"token punctuation\">(<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span><br>idleDetector<span class=\"token punctuation\">.<\/span><span class=\"token function\">addEventListener<\/span><span class=\"token punctuation\">(<\/span><span class=\"token string\">'change'<\/span><span class=\"token punctuation\">,<\/span> <span class=\"token punctuation\">(<\/span><span class=\"token punctuation\">)<\/span> <span class=\"token operator\">=&gt;<\/span> <span class=\"token punctuation\">{<\/span><br><span class=\"token keyword\">const<\/span> userState <span class=\"token operator\">=<\/span> idleDetector<span class=\"token punctuation\">.<\/span>userState<span class=\"token punctuation\">;<\/span><br><span class=\"token keyword\">const<\/span> screenState <span class=\"token operator\">=<\/span> idleDetector<span class=\"token punctuation\">.<\/span>screenState<span class=\"token punctuation\">;<\/span><br>console<span class=\"token punctuation\">.<\/span><span class=\"token function\">Journal<\/span><span class=\"token punctuation\">(<\/span><span class=\"token template-string\"><span class=\"token template-punctuation string\">`<\/span><span class=\"token string\">Idle change: <\/span><span class=\"token interpolation\"><span class=\"token interpolation-punctuation punctuation\">${<\/span>userState<span class=\"token interpolation-punctuation punctuation\">}<\/span><\/span><span class=\"token string\">, <\/span><span class=\"token interpolation\"><span class=\"token interpolation-punctuation punctuation\">${<\/span>screenState<span class=\"token interpolation-punctuation punctuation\">}<\/span><\/span><span class=\"token string\">.<\/span><span class=\"token template-punctuation string\">`<\/span><\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span><br><span class=\"token punctuation\">}<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span><\/p><p><span class=\"token keyword\">attendre<\/span> idleDetector<span class=\"token punctuation\">.<\/span><span class=\"token function\">d\u00e9marrer<\/span><span class=\"token punctuation\">(<\/span><span class=\"token punctuation\">{<\/span><br>au seuil<span class=\"token operator\">:<\/span> <span class=\"token number\">60000<\/span><span class=\"token punctuation\">,<\/span><br>signal<span class=\"token punctuation\">,<\/span><br><span class=\"token punctuation\">}<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span><br>console<span class=\"token punctuation\">.<\/span><span class=\"token function\">Journal<\/span><span class=\"token punctuation\">(<\/span><span class=\"token string\">'IdleDetector is active.'<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span><br><span class=\"token punctuation\">}<\/span> <span class=\"token keyword\">catch<\/span> <span class=\"token punctuation\">(<\/span>err<span class=\"token punctuation\">)<\/span> <span class=\"token punctuation\">{<\/span><br>console<span class=\"token punctuation\">.<\/span><span class=\"token function\">Erreur<\/span><span class=\"token punctuation\">(<\/span>err<span class=\"token punctuation\">.<\/span>patate douce<span class=\"token punctuation\">,<\/span> err<span class=\"token punctuation\">.<\/span>un message<span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span><br><span class=\"token punctuation\">}<\/span><\/p><\/code><\/pre>\n<p><\/web-copy-code><\/p>\n<p>Vous pouvez annuler la d\u00e9tection inactive en appelant<br \/>\n<a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/API\/AbortController\"><code>AbortController<\/code><\/a>c&#039;est<br \/>\n<a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/API\/AbortController\/abort\"><code>avorter ()<\/code><\/a><\/p>\n<p>m\u00e9thode.<\/p>\n<p><web-copy-code><\/p>\n<pre class=\"language-js\"><code class=\"language-js\">controller<span class=\"token punctuation\">.<\/span><span class=\"token function\">abort<\/span><span class=\"token punctuation\">(<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span><br>console<span class=\"token punctuation\">.<\/span><span class=\"token function\">Journal<\/span><span class=\"token punctuation\">(<\/span><span class=\"token string\">'IdleDetector is stopped.'<\/span><span class=\"token punctuation\">)<\/span><span class=\"token punctuation\">;<\/span><\/code><\/pre>\n<p><\/web-copy-code><\/p>\n<h3 id=\"devtools-support\"><span class=\"ez-toc-section\" id=\"Soporte-DevTools\"><\/span>Prise en charge de DevTools <span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>\u00c0 partir de Chrome 86, vous pouvez \u00e9muler des \u00e9v\u00e9nements d&#039;inactivit\u00e9 dans Chrome DevTools sans \u00eatre r\u00e9ellement inactif. Dans DevTools, ouvrez le <strong>Capteurs<\/strong> onglet et recherche <strong>\u00c9muler l&#039;\u00e9tat du d\u00e9tecteur d&#039;inactivit\u00e9<\/strong>. Vous pouvez voir les diff\u00e9rentes options dans la vid\u00e9o ci-dessous.<\/p>\n<figure class=\"w-figure\">\n  <video controls=\"\" autoplay=\"\" loop=\"\" muted=\"\" class=\"w-screenshot\"><source src=\"https:\/\/web.dev\/idle-detection\/.\/devtools.mp4\" type=\"video\/mp4\"><\/source><\/video><figcaption class=\"w-figcaption\">\n<p>    \u00c9mulation de l&#039;\u00e9tat du d\u00e9tecteur d&#039;inactivit\u00e9 dans DevTools.<br \/>\n  <\/figcaption><\/figure>\n<h3 id=\"puppeteer-support\"><span class=\"ez-toc-section\" id=\"Soporte-de-titiritero\"><\/span>Stand de marionnettiste <span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>\u00c0 partir de la version 5.3.1 de Puppeteer, vous pouvez<br \/>\n<a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/github.com\/puppeteer\/puppeteer\/blob\/main\/docs\/api.md#pageemulateidlestateoverrides\">\u00e9muler les diff\u00e9rents \u00e9tats inactifs<\/a><br \/>\npour tester par programmation comment le comportement de votre application Web change.<\/p>\n<h3 id=\"demo\"><span class=\"ez-toc-section\" id=\"Manifestacion\"><\/span>Manifestation <span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Vous pouvez voir l&#039;API de d\u00e9tection d&#039;inactivit\u00e9 en action avec le <a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/idle-detection.glitch.me\/\">D\u00e9mo de toile \u00e9ph\u00e9m\u00e8re<\/a> qui supprime son contenu apr\u00e8s 60 secondes d&#039;inactivit\u00e9. Vous pouvez imaginer que cela sera impl\u00e9ment\u00e9 dans un grand magasin pour que les enfants puissent griffonner.<\/p>\n<p><img alt='d\u00e9mo-2611166' src='https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/10\/demo-2611166.png'><\/p>\n<h3 id=\"polyfilling\"><span class=\"ez-toc-section\" id=\"Polyfilling\"><\/span>Polyfilling <span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Certains aspects de l&#039;API de d\u00e9tection d&#039;inactivit\u00e9 sont des biblioth\u00e8ques de d\u00e9tection polyvalentes et inactives telles que <a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/github.com\/dropbox\/idle.ts\">inactive.ts<\/a> Elles existent, mais ces approches sont limit\u00e9es \u00e0 la zone de contenu d&#039;une application Web: la biblioth\u00e8que ex\u00e9cut\u00e9e dans le contexte de l&#039;application Web doit effectuer une interrogation co\u00fbteuse pour les \u00e9v\u00e9nements d&#039;entr\u00e9e ou \u00e9couter les changements de visibilit\u00e9. Cependant, de mani\u00e8re plus restrictive, les biblioth\u00e8ques ne peuvent pas dire aujourd&#039;hui quand un utilisateur reste inactif en dehors de sa zone de contenu (par exemple, lorsqu&#039;un utilisateur se trouve sur un autre onglet ou se d\u00e9connecte de son ordinateur).<\/p>\n<h2 id=\"security-and-permissions\"><span class=\"ez-toc-section\" id=\"Seguridad-y-permisos\"><\/span>S\u00e9curit\u00e9 et autorisations <span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>L&#039;\u00e9quipe Chrome a con\u00e7u et mis en \u0153uvre l&#039;API Idle Detection en utilisant les principes de base d\u00e9finis dans <a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/chromium.googlesource.com\/chromium\/src\/+\/lkgr\/docs\/security\/permissions-for-powerful-web-platform-features.md\">Contr\u00f4lez l&#039;acc\u00e8s aux fonctionnalit\u00e9s puissantes de la plate-forme Web<\/a>, y compris le contr\u00f4le de l&#039;utilisateur, la transparence et l&#039;ergonomie. La possibilit\u00e9 d&#039;utiliser cette API est contr\u00f4l\u00e9e par le<br \/>\n<a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/w3c.github.io\/permissions\/#permission-registry\"><code>&#039;d\u00e9tection d&#039;inactivit\u00e9&#039;<\/code>  permis<\/a>. Pour utiliser l&#039;API, une application doit \u00e9galement \u00eatre ex\u00e9cut\u00e9e sur un<br \/>\n<a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/www.w3.org\/TR\/secure-contexts\/#examples-top-level\">contexte s\u00e9curis\u00e9 de niveau sup\u00e9rieur<\/a>.<\/p>\n<h3 id=\"user-control-and-privacy\"><span class=\"ez-toc-section\" id=\"Control-de-usuario-y-privacidad\"><\/span>Contr\u00f4le de l&#039;utilisateur et confidentialit\u00e9 <span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Nous voulons toujours emp\u00eacher les acteurs malveillants d&#039;utiliser \u00e0 mauvais escient les nouvelles API. Des sites Web apparemment ind\u00e9pendants, mais en fait contr\u00f4l\u00e9s par la m\u00eame entit\u00e9, peuvent obtenir des informations inactives de l&#039;utilisateur et corr\u00e9ler les donn\u00e9es pour identifier des utilisateurs uniques dans toutes les sources. Pour att\u00e9nuer ces types d&#039;attaques, l&#039;API de d\u00e9tection d&#039;inactivit\u00e9 limite la granularit\u00e9 des \u00e9v\u00e9nements d&#039;inactivit\u00e9 signal\u00e9s.<\/p>\n<h2 id=\"feedback\"><span class=\"ez-toc-section\" id=\"Retroalimentacion\"><\/span>Retour <span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>L&#039;\u00e9quipe Chrome souhaite conna\u00eetre vos exp\u00e9riences avec l&#039;API Idle Detection.<\/p>\n<h3 id=\"tell-us-about-the-api-design\"><span class=\"ez-toc-section\" id=\"Cuentanos-sobre-el-diseno-de-la-API\"><\/span>Parlez-nous de la conception de l&#039;API <span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Y a-t-il quelque chose dans l&#039;API qui ne fonctionne pas comme pr\u00e9vu? Ou vous manquez-vous des m\u00e9thodes ou des propri\u00e9t\u00e9s dont vous avez besoin pour mettre en \u0153uvre votre id\u00e9e? Vous avez une question ou un commentaire sur le mod\u00e8le de s\u00e9curit\u00e9? D\u00e9poser un probl\u00e8me de sp\u00e9cification dans le <a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/github.com\/samuelgoto\/idle-detection\/issues\">D\u00e9p\u00f4t GitHub<\/a>ou ajoutez vos r\u00e9flexions \u00e0 un probl\u00e8me existant.<\/p>\n<h3 id=\"report-a-problem-with-the-implementation\"><span class=\"ez-toc-section\" id=\"Informar-un-problema-con-la-implementacion\"><\/span>Signaler un probl\u00e8me avec le d\u00e9ploiement <span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Vous avez trouv\u00e9 un bogue avec la mise en \u0153uvre de Chrome? Ou la mise en \u0153uvre est-elle diff\u00e9rente de la sp\u00e9cification? Signaler un bogue dans <a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/new.crbug.com\">new.crbug.com<\/a>. Assurez-vous d&#039;inclure autant de d\u00e9tails que possible, des instructions simples \u00e0 reproduire et de saisir <code>Clignotement&gt; Entr\u00e9e<\/code> dans le <strong>Composants (modifier)<\/strong> bo\u00eete.<br \/>\n<a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/glitch.com\/\">\u00c9chec<\/a> fonctionne tr\u00e8s bien pour un partage rapide et facile des r\u00e9p\u00e9titions.<\/p>\n<h3 id=\"show-support-for-the-api\"><span class=\"ez-toc-section\" id=\"Mostrar-apoyo-a-la-API\"><\/span>Afficher la prise en charge de l&#039;API <span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Vous envisagez d&#039;utiliser l&#039;API de d\u00e9tection d&#039;inactivit\u00e9? Votre assistance publique aide l&#039;\u00e9quipe Chrome \u00e0 hi\u00e9rarchiser les fonctionnalit\u00e9s et montre aux autres fournisseurs de navigateurs \u00e0 quel point il est important de les prendre en charge.<\/p>\n<p>Partagez comment vous pr\u00e9voyez de l&#039;utiliser dans le <a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/discourse.wicg.io\/t\/idle-detection-api\/2959\">Fil de discussion WICG<\/a><br \/>\nEnvoyez un tweet \u00e0 <a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/twitter.com\/ChromiumDev\">@Cromodev<\/a> avec lui <code>#idledetection<\/code> hashtag et indiquez-nous o\u00f9 et comment vous l&#039;utilisez.<\/p>\n<h2 id=\"helpful\"><span class=\"ez-toc-section\" id=\"Enlaces-Utiles\"><\/span>Liens utiles <span class=\"ez-toc-section-end\"><\/span><\/h2>\n<h2 id=\"acknowledgements\"><span class=\"ez-toc-section\" id=\"Agradecimientos\"><\/span>Merci <span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>L&#039;API de d\u00e9tection d&#039;inactivit\u00e9 a \u00e9t\u00e9 impl\u00e9ment\u00e9e par <a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/twitter.com\/samuelgoto\">Sam goto<\/a>. La prise en charge de DevTools a \u00e9t\u00e9 ajout\u00e9e par <a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/www.linkedin.com\/in\/sadym\/\">Maksim Sadym<\/a>. Gr\u00e2ce \u00e0 <a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/github.com\/jpmedley\">Joe medley<\/a>,<br \/>\n<a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/github.com\/kaycebasques\">Kayce Basques<\/a>y<br \/>\n<a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/github.com\/reillyeon\">Bourse Reilly<\/a> pour leurs critiques de cet article. L&#039;image du h\u00e9ros est de <a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/unsplash.com\/@_ferh97\">Fernando Hernandez<\/a> au<br \/>\n<a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/unsplash.com\/photos\/8Facxtxqojc\">Unsplash<\/a>.<\/p>\n<p>    <web-feedback additional-questions=\"api\"><\/web-feedback>\n  <\/div>\n<p><script async src=\"\/\/platform.twitter.com\/widgets.js\" charset=\"utf-8\"><\/script><\/p>","protected":false},"excerpt":{"rendered":"<p>Utilice la API de detecci\u00f3n de inactividad para averiguar cu\u00e1ndo el usuario no est\u00e1 utilizando activamente su dispositivo. 18 de mayo de 2020 Actualizado 2 de oct de 2020 La&#8230;<\/p>","protected":false},"author":1,"featured_media":92919,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1356],"tags":[],"class_list":["post-92918","post","type-post","status-publish","format-standard","has-post-thumbnail","category-dev"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.0 (Yoast SEO v28.2) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Detecte usuarios inactivos con la API de detecci\u00f3n de inactividad - R Marketing Digital<\/title>\n<meta name=\"description\" content=\"Utilice la API de detecci\u00f3n de inactividad para averiguar cu\u00e1ndo el usuario no est\u00e1 utilizando activamente su dispositivo. 18 de mayo de 2020 Actualizado\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/rmarketingdigital.com\/fr\/dev\/detecte-usuarios-inactivos-con-la-api-de-deteccion-de-inactividad\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Detecte usuarios inactivos con la API de detecci\u00f3n de inactividad\" \/>\n<meta property=\"og:description\" content=\"Utilice la API de detecci\u00f3n de inactividad para averiguar cu\u00e1ndo el usuario no est\u00e1 utilizando activamente su dispositivo. 18 de mayo de 2020 Actualizado\" \/>\n<meta property=\"og:url\" content=\"https:\/\/rmarketingdigital.com\/fr\/dev\/detecte-usuarios-inactivos-con-la-api-de-deteccion-de-inactividad\/\" \/>\n<meta property=\"og:site_name\" content=\"R Marketing Digital\" \/>\n<meta property=\"article:published_time\" content=\"2022-08-04T02:11:47+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/10\/hero-8488573.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"360\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"R Marketing Digital\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/dev\\\/detecte-usuarios-inactivos-con-la-api-de-deteccion-de-inactividad\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/dev\\\/detecte-usuarios-inactivos-con-la-api-de-deteccion-de-inactividad\\\/\"},\"author\":{\"name\":\"R Marketing Digital\",\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/#\\\/schema\\\/person\\\/7c0d9782b2977b840b3740f00c69a73e\"},\"headline\":\"Detecte usuarios inactivos con la API de detecci\u00f3n de inactividad\",\"datePublished\":\"2022-08-04T02:11:47+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/dev\\\/detecte-usuarios-inactivos-con-la-api-de-deteccion-de-inactividad\\\/\"},\"wordCount\":1501,\"image\":{\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/dev\\\/detecte-usuarios-inactivos-con-la-api-de-deteccion-de-inactividad\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/rmarketingdigital.com\\\/wp-content\\\/uploads\\\/2020\\\/10\\\/hero-8488573.jpg\",\"articleSection\":[\"Dev\"],\"inLanguage\":\"fr-FR\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/dev\\\/detecte-usuarios-inactivos-con-la-api-de-deteccion-de-inactividad\\\/\",\"url\":\"https:\\\/\\\/rmarketingdigital.com\\\/dev\\\/detecte-usuarios-inactivos-con-la-api-de-deteccion-de-inactividad\\\/\",\"name\":\"Detecte usuarios inactivos con la API de detecci\u00f3n de inactividad - R Marketing Digital\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/dev\\\/detecte-usuarios-inactivos-con-la-api-de-deteccion-de-inactividad\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/dev\\\/detecte-usuarios-inactivos-con-la-api-de-deteccion-de-inactividad\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/rmarketingdigital.com\\\/wp-content\\\/uploads\\\/2020\\\/10\\\/hero-8488573.jpg\",\"datePublished\":\"2022-08-04T02:11:47+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/#\\\/schema\\\/person\\\/7c0d9782b2977b840b3740f00c69a73e\"},\"description\":\"Utilice la API de detecci\u00f3n de inactividad para averiguar cu\u00e1ndo el usuario no est\u00e1 utilizando activamente su dispositivo. 18 de mayo de 2020 Actualizado\",\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/rmarketingdigital.com\\\/dev\\\/detecte-usuarios-inactivos-con-la-api-de-deteccion-de-inactividad\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/dev\\\/detecte-usuarios-inactivos-con-la-api-de-deteccion-de-inactividad\\\/#primaryimage\",\"url\":\"https:\\\/\\\/rmarketingdigital.com\\\/wp-content\\\/uploads\\\/2020\\\/10\\\/hero-8488573.jpg\",\"contentUrl\":\"https:\\\/\\\/rmarketingdigital.com\\\/wp-content\\\/uploads\\\/2020\\\/10\\\/hero-8488573.jpg\",\"width\":1200,\"height\":360,\"caption\":\"hero-8488573-7988999-jpg\"},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/#website\",\"url\":\"https:\\\/\\\/rmarketingdigital.com\\\/\",\"name\":\"R Marketing Digital\",\"description\":\"Agencia SEO | Publicidad redes sociales | Community Management\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/rmarketingdigital.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/#\\\/schema\\\/person\\\/7c0d9782b2977b840b3740f00c69a73e\",\"name\":\"R Marketing Digital\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/c5599c203e0120b8ccbff4666af86f35f9b3dcad468a8bc6295313a3964a80be?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/c5599c203e0120b8ccbff4666af86f35f9b3dcad468a8bc6295313a3964a80be?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/c5599c203e0120b8ccbff4666af86f35f9b3dcad468a8bc6295313a3964a80be?s=96&d=mm&r=g\",\"caption\":\"R Marketing Digital\"}}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Detecte usuarios inactivos con la API de detecci\u00f3n de inactividad - R Marketing Digital","description":"Utilisez l&#039;API de d\u00e9tection d&#039;inactivit\u00e9 pour savoir quand l&#039;utilisateur n&#039;utilise pas activement son appareil. 18 mai 2020 Mis \u00e0 jour","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/rmarketingdigital.com\/fr\/dev\/detecte-usuarios-inactivos-con-la-api-de-deteccion-de-inactividad\/","og_locale":"fr_FR","og_type":"article","og_title":"Detecte usuarios inactivos con la API de detecci\u00f3n de inactividad","og_description":"Utilice la API de detecci\u00f3n de inactividad para averiguar cu\u00e1ndo el usuario no est\u00e1 utilizando activamente su dispositivo. 18 de mayo de 2020 Actualizado","og_url":"https:\/\/rmarketingdigital.com\/fr\/dev\/detecte-usuarios-inactivos-con-la-api-de-deteccion-de-inactividad\/","og_site_name":"R Marketing Digital","article_published_time":"2022-08-04T02:11:47+00:00","og_image":[{"width":1200,"height":360,"url":"https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/10\/hero-8488573.jpg","type":"image\/jpeg"}],"author":"R Marketing Digital","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/rmarketingdigital.com\/dev\/detecte-usuarios-inactivos-con-la-api-de-deteccion-de-inactividad\/#article","isPartOf":{"@id":"https:\/\/rmarketingdigital.com\/dev\/detecte-usuarios-inactivos-con-la-api-de-deteccion-de-inactividad\/"},"author":{"name":"R Marketing Digital","@id":"https:\/\/rmarketingdigital.com\/#\/schema\/person\/7c0d9782b2977b840b3740f00c69a73e"},"headline":"Detecte usuarios inactivos con la API de detecci\u00f3n de inactividad","datePublished":"2022-08-04T02:11:47+00:00","mainEntityOfPage":{"@id":"https:\/\/rmarketingdigital.com\/dev\/detecte-usuarios-inactivos-con-la-api-de-deteccion-de-inactividad\/"},"wordCount":1501,"image":{"@id":"https:\/\/rmarketingdigital.com\/dev\/detecte-usuarios-inactivos-con-la-api-de-deteccion-de-inactividad\/#primaryimage"},"thumbnailUrl":"https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/10\/hero-8488573.jpg","articleSection":["Dev"],"inLanguage":"fr-FR"},{"@type":"WebPage","@id":"https:\/\/rmarketingdigital.com\/dev\/detecte-usuarios-inactivos-con-la-api-de-deteccion-de-inactividad\/","url":"https:\/\/rmarketingdigital.com\/dev\/detecte-usuarios-inactivos-con-la-api-de-deteccion-de-inactividad\/","name":"Detecte usuarios inactivos con la API de detecci\u00f3n de inactividad - R Marketing Digital","isPartOf":{"@id":"https:\/\/rmarketingdigital.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/rmarketingdigital.com\/dev\/detecte-usuarios-inactivos-con-la-api-de-deteccion-de-inactividad\/#primaryimage"},"image":{"@id":"https:\/\/rmarketingdigital.com\/dev\/detecte-usuarios-inactivos-con-la-api-de-deteccion-de-inactividad\/#primaryimage"},"thumbnailUrl":"https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/10\/hero-8488573.jpg","datePublished":"2022-08-04T02:11:47+00:00","author":{"@id":"https:\/\/rmarketingdigital.com\/#\/schema\/person\/7c0d9782b2977b840b3740f00c69a73e"},"description":"Utilisez l&#039;API de d\u00e9tection d&#039;inactivit\u00e9 pour savoir quand l&#039;utilisateur n&#039;utilise pas activement son appareil. 18 mai 2020 Mis \u00e0 jour","inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/rmarketingdigital.com\/dev\/detecte-usuarios-inactivos-con-la-api-de-deteccion-de-inactividad\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/rmarketingdigital.com\/dev\/detecte-usuarios-inactivos-con-la-api-de-deteccion-de-inactividad\/#primaryimage","url":"https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/10\/hero-8488573.jpg","contentUrl":"https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/10\/hero-8488573.jpg","width":1200,"height":360,"caption":"hero-8488573-7988999-jpg"},{"@type":"WebSite","@id":"https:\/\/rmarketingdigital.com\/#website","url":"https:\/\/rmarketingdigital.com\/","name":"Marketing num\u00e9rique","description":"Agence de r\u00e9f\u00e9rencement | Publicit\u00e9 sur les r\u00e9seaux sociaux | Gestion de communaut\u00e9","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/rmarketingdigital.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Person","@id":"https:\/\/rmarketingdigital.com\/#\/schema\/person\/7c0d9782b2977b840b3740f00c69a73e","name":"Marketing num\u00e9rique","image":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/secure.gravatar.com\/avatar\/c5599c203e0120b8ccbff4666af86f35f9b3dcad468a8bc6295313a3964a80be?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/c5599c203e0120b8ccbff4666af86f35f9b3dcad468a8bc6295313a3964a80be?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/c5599c203e0120b8ccbff4666af86f35f9b3dcad468a8bc6295313a3964a80be?s=96&d=mm&r=g","caption":"R Marketing Digital"}}]}},"_links":{"self":[{"href":"https:\/\/rmarketingdigital.com\/fr\/wp-json\/wp\/v2\/posts\/92918","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/rmarketingdigital.com\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/rmarketingdigital.com\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/rmarketingdigital.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/rmarketingdigital.com\/fr\/wp-json\/wp\/v2\/comments?post=92918"}],"version-history":[{"count":0,"href":"https:\/\/rmarketingdigital.com\/fr\/wp-json\/wp\/v2\/posts\/92918\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/rmarketingdigital.com\/fr\/wp-json\/wp\/v2\/media\/92919"}],"wp:attachment":[{"href":"https:\/\/rmarketingdigital.com\/fr\/wp-json\/wp\/v2\/media?parent=92918"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/rmarketingdigital.com\/fr\/wp-json\/wp\/v2\/categories?post=92918"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/rmarketingdigital.com\/fr\/wp-json\/wp\/v2\/tags?post=92918"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}