Cómo ChatGPT me ayuda a adaptar los sitios web a mi voluntad

Soy escritor, no programador, así que hasta hace poco tiempo gran parte del revuelo en torno a las capacidades de ChatGPT como herramienta de codificación me pasó desapercibido.

Pero luego me di cuenta de que las capacidades de programación de la Inteligencia Artificial (IA) generativa pueden ser útiles no solo para programadores. También pueden ayudar a cualquier persona que se aventure con el código a realizar sus tareas.

En mi caso, eso significa crear nuevos marcadores del navegador. Estos son tipos especiales de marcadores que usan JavaScript para modificar o actuar sobre el contenido web, y siempre han sido una superpotencia infravalorada en la navegación. Durante años, he usado marcadores para acelerar los videos, eliminar el desorden de páginas web y hacer búsquedas rápidas en mis sitios favoritos, pero siempre he estado limitado al código de ejemplo que encontraba en línea.

Con herramientas de IA como ChatGPT, finalmente puedo crear nuevos marcadores yo mismo, y el único límite es lo que se me ocurre hacer con ellos.

Desglose de los marcadores de ChatGPT

Irónicamente, mi momento de revelación con los bookmarklets generados por IA surgió mientras me frustraba con otra herramienta de IA: el asistente de compras Rufus de Amazon. El año pasado, Amazon eliminó una función que permitía buscar reseñas, preguntas y respuestas de clientes directamente desde sus páginas de producto, sustituyéndola por el chatbot Rufus, mucho más lento.

Eso me hizo pensar en una forma más rápida de buscar reseñas de Amazon directamente. Tras observar que tiene páginas separadas para productos y reseñas de clientes, cada una con el mismo código de producto en la dirección, me di cuenta de que una nube de marcadores permite una búsqueda más rápida.

Así es como le pedí a ChatGPT que creara un bookmarklet que busque las reseñas de los clientes de una página de producto de Amazon:

Aquí hay un enlace a una página de producto de Amazon, donde el ASIN es B0DHV7LR12: https://www.amazon.com/Baseus-Charging-Certified-Magnetic-Retractable/dp/B0DHV7LR12

Aquí hay un enlace a una página que busca reseñas de clientes para ese producto, donde B0DHV7LR12 sigue siendo el ASIN y “prueba” es el término de búsqueda: https://www.amazon.com/product-reviews/B0DHV7LR12/ref=cm_cr_arp_d_viewopt_kywd?pageNumber=1&filterByKeyword=test

Quiero que crees un bookmarklet que, al hacer clic en la página de un producto de Amazon, abra el cuadro de diálogo “Buscar reseñas de Amazon”. El bookmarklet abrirá la página de reseñas correspondiente con el término de búsqueda introducido. Si se hace clic en el bookmarklet fuera de la página de un producto de Amazon, mostrará un mensaje de error que indica “Debes estar en la página de un producto de Amazon para usar este bookmarklet“.

Este enlace a mi conversación de ChatGPT incluye el bookmarklet en cuestión y las instrucciones para instalarlo. Al añadirlo a la barra de marcadores de tu navegador, puedes hacer clic en un botón desde cualquier página de Amazon para buscar rápidamente las reseñas correspondientes.

Sintiéndome satisfecho con mi búsqueda de reseñas de Amazon, decidí intentar hacer algunas otras.

Si desea utilizar alguno de estos, haga clic en los enlaces a cada conversación de ChatGPT, copie el JavaScript en la parte inferior del chat, luego cree un nuevo marcador en su navegador y pegue el JavaScript en el campo de dirección:

Más marcadores generados por IA

• Velocidad del video: Los controles de velocidad de YouTube requieren demasiados clics para acceder, y no me gustan los incrementos de velocidad predeterminados. Le pedí a ChatGPT que creara un marcador de control de velocidad según mis especificaciones exactas, y funciona en prácticamente cualquier sitio de videos, no solo en YouTube.
• Ocultar elementos fijos: Elimina los molestos elementos de la página web que te siguen cuando te desplazas, como barras de menú y reproductores de video flotantes.
• Tarjeta de enlace: Uso Obsidian para tomar notas, y este marcador convierte los enlaces web en tarjetas con un formato perfecto que puedo pegar en mis notas.
• Enlace y extracto: Esto ayuda a agilizar el intercambio de enlaces en redes sociales. Si hay texto resaltado en una página, al hacer clic en el bookmarklet, el texto se encierra entre comillas y se copia al portapapeles con la URL debajo. Si no hay texto seleccionado, solo se copia la dirección.
• Más enlaces: Envía la página actual a Perplexity con una solicitud de más enlaces a historias que cubren el mismo tema.
• Enlace limpio: Copia un enlace a la dirección actual sin parámetros de seguimiento comunes ni otra basura.
• Búsqueda de Google Maps: Al hacer clic, se solicita el destino y la dirección de origen, y luego se busca la ruta. Si se deja en blanco el campo de dirección de origen, solo se busca la ubicación.
• Enlace de archivo : Carga una instantánea archivada de la página actual, tal como está alojada en Archive.Today.

¿Por qué funciona esto?

No espero que uses todos estos elementos tú mismo, pero espero que te hagan pensar en el tipo de cosas que los marcadores pueden lograr y cómo puedes usar IA para crear los tuyos.

Nota importante: ChatGPT a veces inserta líneas de comentario –indicadas con una doble barra diagonal //– para explicarlo, pero esto puede impedir que los bookmarklets funcionen correctamente. Elimínalas tú mismo o indica al modelo que no las incluya.

La IA generativa es útil para crear marcadores por varias razones:

• Hay poco en juego: Mientras que el código generado por IA causa todo tipo de problemas a las empresas, aquí solo se genera JavaScript para automatizar y mejorar la navegación web. No se corre el riesgo de dañar nada crítico.
• Los resultados son inmediatos: No se necesitan pruebas exhaustivas para comprobar el rendimiento de los marcadores generados por IA. Funcionan o no.
• Son fáciles de modificar: Si deseas cambiar algún elemento de tus marcadores recién creados, puedes simplemente preguntarlo usando lenguaje natural.
• Podrías aprender algo: Si aspiras a aprender algo de JavaScript, los bookmarklets son una aplicación sencilla con beneficios prácticos inmediatos. Puedes revisar el código resultante, compararlo con otros ejemplos y hacer preguntas para comprender cómo funcionan las cosas.

En general, los bookmarklets funcionan bien cuando se desea realizar una acción en la URL actual, modificar el contenido de una página web o abrir la página de búsqueda de un sitio específico con palabras clave pre-aplicadas. Si no sabes por dónde empezar, siempre puedes pedirle ideas a tu chatbot de IA favorito.