{"id":4448,"date":"2024-05-08T08:03:13","date_gmt":"2024-05-08T08:03:13","guid":{"rendered":"http:\/\/screamingfrog.club\/javascript-personalizado\/"},"modified":"2024-07-08T07:29:50","modified_gmt":"2024-07-08T07:29:50","slug":"javascript-personalizado","status":"publish","type":"post","link":"https:\/\/screamingfrog.club\/es\/javascript-personalizado\/","title":{"rendered":"Javascript personalizado"},"content":{"rendered":"
<\/div><\/div><\/span>

Configuraci\u00f3n JS personalizada<\/h3><\/span>
<\/div><\/div><\/div>

El JavaScript personalizado es una nueva funci\u00f3n de Screaming Frog en su versi\u00f3n 20<\/a> y permite ejecutar c\u00f3digo JavaScript en cada URL analizada con el SEO Spider.
\nMediante esta funcionalidad, es posible extraer todo tipo de informaci\u00f3n \u00fatil de una p\u00e1gina web que podr\u00eda no estar ya disponible en Spider SEO, as\u00ed como comunicarse con API como ChatGPT de OpenAI, LLM local u otras bibliotecas.<\/p>\n

> > Para configurar Seo Spider con esta funcionalidad, simplemente haz clic en \u00abConfigurar JavaScript personalizado\u00bb. A continuaci\u00f3n, simplemente haz clic en \u00abA\u00f1adir\u00bb para empezar a configurar un nuevo fragmento, o en \u00abA\u00f1adir desde la biblioteca\u00bb para elegir un fragmento existente preconfigurado por el personal de Screaming Frog.<\/p>\n<\/div>

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

La biblioteca incluye fragmentos de muestra para realizar diversas funciones y son una verdadera fuente de inspiraci\u00f3n para realizar an\u00e1lisis cada vez m\u00e1s granulares y exhaustivos:<\/p>\n

    \n
  • An\u00e1lisis del sentimiento, la intenci\u00f3n de b\u00fasqueda o el idioma del contenido de la p\u00e1gina.<\/li>\n
  • Generaci\u00f3n de texto alternativo para las im\u00e1genes.<\/li>\n
  • Activaci\u00f3n de los eventos mouseover.<\/li>\n
  • Desplazamiento de una p\u00e1gina (para analizar algunas configuraciones con desplazamiento infinito).<\/li>\n
  • Extraer contenido \u00abincrustado\u00bb del contenido de la p\u00e1gina.<\/li>\n
  • Descargar y guardar localmente diversos contenidos, como im\u00e1genes.<\/li>\n<\/ul>\n

    La biblioteca es absolutamente estupenda para empezar a manipular JS y, revis\u00e1ndolos, personalizarlos de forma \u00fanica para tu proyecto.<\/p>\n<\/div>

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

    Esta funci\u00f3n tambi\u00e9n permite establecer un filtro de tipo de contenido, que permitir\u00e1 que el fragmento de JavaScript personalizado realice la acci\u00f3n s\u00f3lo para determinados tipos de contenido y no desperdicie la API de OpenAi.<\/p>\n

    Los resultados estar\u00e1n disponibles en la pesta\u00f1a personalizada de JavaScript.<\/p>\n<\/div>

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

    Para utilizar la API OpenAi tendr\u00e1s que comprar cr\u00e9ditos, no es suficiente con utilizar la versi\u00f3n Gratuita de Chat GPT.<\/p>\n<\/div>

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

    Tipo de fragmento<\/h3><\/span>
    <\/div><\/div><\/div>

    Analizando los fragmentos, observamos que hay 2 tipos: Extracciones<\/strong> y Acciones<\/strong>.<\/p>\n<\/div>

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

    Fragmentos de extracci\u00f3n<\/h4><\/span>
    <\/div><\/div><\/div>

    Los fragmentos del tipo Extracci\u00f3n devuelven un valor o una lista de valores (n\u00fameros o cadenas) mostrando el \u00abValor\u00bb como columnas en la pesta\u00f1a\u00abJavaScript personalizado<\/strong>\u00ab.
    \nCada valor de una lista de valores se asignar\u00e1 a las columnas de la ficha.
    \nAl procesar estos fragmentos, la p\u00e1gina dejar\u00e1 de cargar todos los recursos y empezar\u00e1 a ejecutarlos.<\/p>\n

    La Ara\u00f1a SEO no completar\u00e1 el an\u00e1lisis de la p\u00e1gina hasta que se complete el fragmento. En algunos casos, los fragmentos demasiado largos pueden caducar (timeout) y no se completar\u00e1 el rastreo de la p\u00e1gina.
    \nEste tipo de fragmento permite descargar las URL y escribirlas en un archivo de texto. Hay fragmentos disponibles en la biblioteca que te permiten descargar todas las im\u00e1genes de una p\u00e1gina web y a\u00f1adir atributos a un archivo CSV.<\/p>\n<\/div>

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

    Fragmentos de acci\u00f3n<\/h4><\/span>
    <\/div><\/div><\/div>

    Los fragmentos de tipo Acci\u00f3n no devuelven datos, sino que s\u00f3lo ejecutan acciones. Por ejemplo, hay un fragmento que simula el desplazamiento de una p\u00e1gina permitiendo el an\u00e1lisis de im\u00e1genes de carga perezosa.
    \nLa principal diferencia con los \u00abFragmentos de extracci\u00f3n\u00bb radica en que cuando se ejecutan, la p\u00e1gina seguir\u00e1 cargando recursos.<\/p>\n

    Sin embargo, tendr\u00e1s que especificar un valor de tiempo de espera en segundos para este procesamiento, y cuando \u00e9ste expire, la Ara\u00f1a SEO completar\u00e1 su an\u00e1lisis de la p\u00e1gina.<\/p>\n<\/div>

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

    Fragmentos de comportamiento<\/h4><\/span>
    <\/div><\/div><\/div>
      \n
    • El Seo Spider permite ejecutar varios fragmentos simult\u00e1neamente. Sin embargo, es importante ser consciente de que la velocidad de exploraci\u00f3n se ver\u00e1 afectada por el n\u00famero y el tipo de fragmentos que ejecutes. Despu\u00e9s de depurarlo estos d\u00edas, noto c\u00f3mo demasiadas peticiones simult\u00e1neas hacen que Screaming Frog se \u00abcuelgue\u00bb. A modo de prueba, empec\u00e9 con unos diez.<\/li>\n
    • En el caso de varios fragmentos, las \u00abAcciones\u00bb se ejecutan antes que las \u00abExtracciones\u00bb.<\/li>\n
    • En el caso de fragmentos de Acci\u00f3n con diferentes valores de tiempo de espera, Screaming Frog utilizar\u00e1 el valor m\u00e1ximo de tiempo de espera configurado entre los diferentes fragmentos.<\/li>\n
    • Los Fragmentos de Extracci\u00f3n interrumpen todas las cargas de p\u00e1gina, por lo que no se realizar\u00e1n m\u00e1s peticiones. La \u00abAcci\u00f3n\u00bb no tiene esta limitaci\u00f3n, pero debe establecerse un valor de tiempo de espera.<\/li>\n
    • Los fragmentos tienen acceso a la API de utilidades de la consola de Chrome. Esto le permite utilizar m\u00e9todos como getEventListeners(), a los que no puede acceder el procesamiento normal de JavaScript en una p\u00e1gina web.<\/li>\n<\/ul>\n<\/div>
      <\/div><\/div><\/span>

      API de Extracci\u00f3n de Fragmentos<\/h4><\/span>
      <\/div><\/div><\/div>

      Los Fragmentos de Extracci\u00f3n interact\u00faan con la Ara\u00f1a Seo utilizando el objeto seoSpider<\/strong>, que es una instancia de la clase SEOSpider documentada a continuaci\u00f3n. En su forma m\u00e1s b\u00e1sica, se utiliza como sigue:<\/p>\n<\/div>