{"id":3809,"date":"2024-05-08T08:03:13","date_gmt":"2024-05-08T08:03:13","guid":{"rendered":"http:\/\/screamingfrog.club\/javascript-personnalise\/"},"modified":"2024-07-05T07:58:49","modified_gmt":"2024-07-05T07:58:49","slug":"javascript-personnalise","status":"publish","type":"post","link":"https:\/\/screamingfrog.club\/fr\/javascript-personnalise\/","title":{"rendered":"Javascript personnalis\u00e9"},"content":{"rendered":"
<\/div><\/div><\/span>

Configuration JS personnalis\u00e9e<\/h3><\/span>
<\/div><\/div><\/div>

Le JavaScript personnalis\u00e9 est une nouvelle fonctionnalit\u00e9 de Screaming Frog dans sa version 20<\/a> et permet d’ex\u00e9cuter un code JavaScript sur chaque URL analys\u00e9e avec le SEO Spider.
\nGr\u00e2ce \u00e0 cette fonctionnalit\u00e9, il est possible d’extraire toutes sortes d’informations utiles d’une page web qui ne seraient pas d\u00e9j\u00e0 disponibles dans Spider SEO, ainsi que de communiquer avec des API telles que ChatGPT d’OpenAI, LLM local ou d’autres biblioth\u00e8ques.<\/p>\n

> > Pour configurer le Seo Spider avec cette fonctionnalit\u00e9, cliquez simplement sur \u00ab\u00a0Configurer le JavaScript personnalis\u00e9\u00a0\u00bb. Cliquez ensuite sur \u00ab\u00a0Ajouter\u00a0\u00bb pour commencer \u00e0 configurer un nouveau snippet, ou sur \u00ab\u00a0Ajouter \u00e0 partir de la biblioth\u00e8que\u00a0\u00bb pour choisir un snippet existant pr\u00e9configur\u00e9 par l’\u00e9quipe de Screaming Frog.<\/p>\n<\/div>

\"Custom<\/span><\/div>

La biblioth\u00e8que comprend des exemples de snippets permettant d’ex\u00e9cuter diverses fonctions et constitue un v\u00e9ritable r\u00e9servoir d’inspiration pour des analyses de plus en plus granulaires et compl\u00e8tes :<\/p>\n

    \n
  • Analyse du sentiment, de l’intention de recherche ou de la langue du contenu de la page.<\/li>\n
  • G\u00e9n\u00e9ration de textes alternatifs pour les images.<\/li>\n
  • Activation des \u00e9v\u00e9nements de survol de la souris.<\/li>\n
  • D\u00e9filement d’une page (pour analyser certaines configurations avec d\u00e9filement infini).<\/li>\n
  • Extraction de contenu \u00ab\u00a0int\u00e9gr\u00e9\u00a0\u00bb \u00e0 partir du contenu de la page.<\/li>\n
  • T\u00e9l\u00e9charger et enregistrer localement divers contenus tels que des images.<\/li>\n<\/ul>\n

    La biblioth\u00e8que est absolument formidable pour commencer \u00e0 manipuler les JS et, en les r\u00e9visant, les personnaliser de mani\u00e8re unique pour votre projet.<\/p>\n<\/div>

    \"Finestra<\/span><\/div>

    Cette fonction permet \u00e9galement de d\u00e9finir un filtre de type de contenu, ce qui permettra \u00e0 l’extrait JavaScript personnalis\u00e9 d’effectuer l’action uniquement pour certains types de contenu et de ne pas gaspiller l’API d’OpenAi.<\/p>\n

    Les r\u00e9sultats seront alors disponibles dans l’onglet JavaScript personnalis\u00e9.<\/p>\n<\/div>

    \"Nuova<\/span><\/div>

    Pour utiliser l’API OpenAi, vous devez acheter des cr\u00e9dits. Il n’est pas suffisant d’utiliser la version gratuite de Chat GPT.<\/p>\n<\/div>

    <\/div><\/div><\/span>

    Type d’extrait<\/h3><\/span>
    <\/div><\/div><\/div>

    En analysant les snippets, nous constatons qu’il y en a 2 types : Extractions<\/strong> et Actions<\/strong>.<\/p>\n<\/div>

    <\/div><\/div><\/span>

    Extraction d’extraits<\/h4><\/span>
    <\/div><\/div><\/div>

    Les extraits de type Extraction renvoient une valeur ou une liste de valeurs (nombres ou cha\u00eenes) en affichant la \u00ab\u00a0Valeur\u00a0\u00bb sous forme de colonnes dans l’onglet\u00ab\u00a0JavaScript personnalis\u00e9<\/strong>\u00ab\u00a0.
    \nChaque valeur d’une liste de valeurs sera mise en correspondance avec les colonnes de l’onglet.
    \nLors du traitement de ces extraits, la page cesse de charger toutes les ressources et commence \u00e0 les ex\u00e9cuter.<\/p>\n

    Le SEO Spider ne terminera pas l’analyse de la page tant que l’extrait n’aura pas \u00e9t\u00e9 compl\u00e9t\u00e9. Dans certains cas, les extraits trop longs peuvent expirer (timeout) et l’exploration de la page ne sera pas termin\u00e9e.
    \nCe type d’extrait permet de t\u00e9l\u00e9charger des URL et de les \u00e9crire dans un fichier texte. Des snippets sont disponibles dans la biblioth\u00e8que qui vous permettent de t\u00e9l\u00e9charger toutes les images d’une page web et d’en ajouter les attributs dans un fichier CSV.<\/p>\n<\/div>

    <\/div><\/div><\/span>

    Extraits d’action<\/h4><\/span>
    <\/div><\/div><\/div>

    Les extraits de type action ne renvoient pas de donn\u00e9es, mais ex\u00e9cutent uniquement des actions. Par exemple, il existe un extrait qui simule le d\u00e9filement d’une page en permettant l’analyse des images \u00e0 chargement paresseux.
    \nLa principale diff\u00e9rence avec les \u00ab\u00a0Extraction Snippets\u00a0\u00bb r\u00e9side dans le fait que lorsqu’ils sont ex\u00e9cut\u00e9s, la page continue de charger des ressources.<\/p>\n

    Cependant, vous devrez sp\u00e9cifier un d\u00e9lai d’attente en secondes pour ce traitement, et \u00e0 l’expiration de ce d\u00e9lai, le SEO Spider ach\u00e8vera son analyse de la page.<\/p>\n<\/div>

    <\/div><\/div><\/span>

    \u00c9chantillons de comportement<\/h4><\/span>
    <\/div><\/div><\/div>
      \n
    • Le Seo Spider permet d’ex\u00e9cuter plusieurs snippets simultan\u00e9ment. Cependant, il est important de savoir que la vitesse d’analyse sera affect\u00e9e par le nombre et le type d’extraits que vous ex\u00e9cutez. Apr\u00e8s l’avoir d\u00e9bogu\u00e9 ces jours-ci, j’ai remarqu\u00e9 qu’un trop grand nombre de demandes simultan\u00e9es faisait \u00ab\u00a0planter\u00a0\u00bb Screaming Frog. \u00c0 des fins de test, j’ai commenc\u00e9 par une dizaine.<\/li>\n
    • Dans le cas de plusieurs extraits, les \u00ab\u00a0Actions\u00a0\u00bb sont ex\u00e9cut\u00e9es avant les \u00ab\u00a0Extractions\u00a0\u00bb.<\/li>\n
    • Dans le cas d’extraits d’action ayant des valeurs de d\u00e9lai diff\u00e9rentes, Screaming Frog utilise la valeur de d\u00e9lai maximale configur\u00e9e entre les diff\u00e9rents extraits.<\/li>\n
    • Les snippets d’extraction interrompent le chargement de toutes les pages, de sorte qu’aucune autre demande ne sera faite. L’action n’est pas soumise \u00e0 cette limitation, mais une valeur de d\u00e9lai doit \u00eatre d\u00e9finie.<\/li>\n
    • Les snippets ont acc\u00e8s \u00e0 l’API Console Utilities de Chrome. Cela lui permet d’utiliser des m\u00e9thodes telles que getEventListeners(), qui ne sont pas accessibles par le traitement JavaScript normal sur une page web.<\/li>\n<\/ul>\n<\/div>
      <\/div><\/div><\/span>

      API d’extraction d’extraits<\/h4><\/span>
      <\/div><\/div><\/div>

      Les snippets d’extraction interagissent avec le Seo Spider \u00e0 l’aide de l’objet seoSpider<\/strong>, qui est une instance de la classe SEOSpider d\u00e9crite ci-dessous. Dans sa forme la plus \u00e9l\u00e9mentaire, il est utilis\u00e9 comme suit :<\/p>\n<\/div>