Spain
#UBAC 303: Crear una extensión de Chrome con Lovable
Episode of Un billete a ChattanoogaDescription of #UBAC 303: Crear una extensión de Chrome con Lovable
Te contamos cómo hemos creado nuestra primera extensión de Chrome gracias a la inteligencia artificial de Lovable y cómo hemos hecho para publicarla oficialmente en la Google Chrome Store.
Publicar una extensión de Chrome es una forma muy potente —y a menudo infravalorada— de posicionar tu negocio o marca personal en el mundo digital. No solo estás creando una herramienta útil; estás generando un punto de contacto constante con personas que ya trabajan en tu sector o podrían necesitar tus servicios. Una extensión vive en el navegador de alguien que, si la instaló, seguramente ya comparte parte de tus intereses o problemas. Es visibilidad pasiva pero constante, como un pequeño recordatorio diario de tu valor.
Además, si resuelve un problema concreto y cotidiano, se convierte en algo que la gente recomienda de forma natural. No es como un post de LinkedIn que se pierde en el feed: es funcional, recurrente y, si está bien hecha, difícil de reemplazar. También puede abrirte puertas inesperadas. Muchos proyectos, colaboraciones o clientes llegan porque alguien te descubrió a través de una herramienta que hiciste pública. Es como tener un portfolio en movimiento.
Desde el punto de vista de marca, una extensión te posiciona como alguien que no solo sabe, sino que construye. No es lo mismo decir que sabes de analítica que demostrarlo con una utilidad que otros usan en su día a día. Te sitúa en un lugar distinto: el de los que hacen.
Y por último, no hay que olvidar el ángulo SEO y reputacional. Si la extensión tiene su propia página, sus usuarios, reviews positivas, y es citada o compartida, estás generando autoridad alrededor de tu nombre o tu marca sin pagar un solo euro en ads. Es contenido vivo que trabaja para ti.
Las extensiones de Chrome se programan principalmente en:
JavaScript: para toda la lógica funcional.
HTML: para las interfaces (popups, páginas de opciones, etc.).
CSS: para los estilos visuales de la UI.
También puedes usar librerías como React, pero todo debe compilarse a HTML/CSS/JS estándar.
¿Y qué pasa si tengo una idea para una extensión pero no sé programar?
Felicidades porque este programa está justo creado para ti. Vamos a contarte como usar la inteligencia artificial de Lovable.dev para que escriba casi todo el código por ti. También para que te ayude en todo el proceso de cumplimiento de las reglas de la Chrome Store, que no son pocas, y que te costará lo mismo que tomarte dos cervezas en el bar de tu barrio.
En el programa te contamos cómo hemos publicado la extensión PH Simple Analytics Checker, que nos han aprobado esta misma mañana en la Store: https://pablomoratinos.es/ph-simple-analytics-checker/
Vamos allá.
¿Quieres crear transmisiones en vivo como UBAC? Nosotros lo hacemos con StreamYard: https://streamyard.com/pal/d/5757042761400320
This content is generated from the locution of the audio so it may contain errors.
Un viete a Chattanooga, un podcast de Ana Cirujano y Pablo Moretino.
Muy buenas tardes Chattanoogers y muy buenas tardes doña Ana Cirujano Garzo, oráculo del diseño de negocios digitales, influencer en WordCamp de medio mundo, catedrática de Trece Medias School, mentora universal de WordCamp, cofundadora y diseñadora del buscador potenciado con inteligencia artificial, Plugins. Muy buenas tardes Cirujano.
Muy buenas tardes y como dicen en tu pueblo, Arrachaldeon.
Ay madre mía, todos los días igual. Don Pablo Moretino Salmandoz, pero bueno ahí está la gracia, ahí está la gracia. Don Pablo Moretino Salmandoz, responsable del equipo de datos y experimentación en Product Hackers, la agencia del growth. Data freak, monstruo de los datos y formador de analítica digital en las mejores escuelas de negocios y en Trece Medias School. Ponente y mentor de los mejores eventos WordPress, que ahora nos dirá saber qué evento estás mentorizando que tendremos próximamente. Embajador de marca de WordPress.com y autor del mejor libro sobre negocios online, Data Driven Marketing, publicado por Anaya.
Si vas a montar un negocio online, léete el libro de Pablo. No te lo leas, estúdiatelo.
Ay Dios mío, mira, habladas de eventos. He estado este fin de semana en Madrid en el Pro Marketing Day, que es una cosa que montan la gente de HolaCM, un eventaco que flipas en el teatro multi no sé qué de Goya, una especie de auditorio muy grande y Bruno, el fundador de HolaCM, me preguntó por ti. Oye, ¿qué tal? ¿Sigues haciendo el programa los lunes con Ana Cirujano? Y le digo, sí, claro que sí.
Un saludo a Bruno. Creo que no le conozco personalmente, ¿no? No lo sé. Yo creo que hemos hablado con él, pero es que no recuerdo ahora a dónde. No recuerdo a dónde. Bruno no tiene mucha presencia en redes sociales, seguro que por Twitter has hablado con él, pero no recuerdo ahora de qué, porque yo le conocía en persona, pero no sé de qué. No llevo a caer ahora. Algún evento seguro.
A lo mejor hemos hablado con él y no me acuerdo, pero puede ser que nos lo encontramos en algún evento.
Pues eso, un saludo. Qué bien, oye, qué ilusión. Estuve con él, estuve con Fernando Ahumada, el escritor y también profesor de HolaCM. Estuve con Fernando Maciá, CEO. Autor en...
En la colección. En la colección de Anaya. Anaya Torres Muriel, que estuve también comiendo ese día.
Estuve muy bien, estuve muy bien rodeado ese día, la verdad. Y viste un taller, ¿no? Hicimos un taller a cinco manos. Lo hice con cuatro compañeros de Product Hackers. Estuvimos una hora explicando cómo hacíamos un proyecto de growth, un experimento de un proyecto de growth, de pe a pa, y a la gente le encantó. Había mucha gente joven y tal y todo el mundo nos dio un feedback buenísimo, de las veces que mejor feedback he recibido después de una cosa de esta. Estoy muy contento.
Qué bien, joder. Y un taller entre cinco, qué complicado, ¿no? Bueno, no es complicado porque como somos cinco especialistas, cada uno de los nuestros, y nuestro sistema está súper metodologizado, pues los pasos son muy claros. En realidad fue súper natural, tío. Contar un poco vuestro día a día.
Claro, fue súper natural y fue muy práctico. Además, estuvimos ahí sacando ideas de experimentación con la gente que asistió. Hicimos el diseño y el desarrollo del experimento allí mismo, lo pusimos en producción. Hicimos un descuento para que compraran chacletas en la web de Hawaiianas. Estuvo muy guay, la verdad. Qué guay, joder, qué bonito.
Sí, sí. Y conseguimos un upsell de 133.000 euros al año con el experimento.
Qué guay, ya. A ser potencial, obviamente.
Sí, sí, sí, sí, sí. Bueno, que os daban los números, eso.
Sí, sí, sí, sí. Muy guay, muy guay. Estuvo muy bien, la verdad, muy divertido.
Y este lunes he tenido un poco de resaca emocional del evento porque fue domingo por la mañana. Bueno, domingo a mediodía. Estaba así un poco la mañana, un poco tonta porque como volvía en avión y tal, y eso ya sabéis que a mí siempre me trastorna porque siempre me pasan cosas en el avión.
Y luego te doy cuenta de una cosa que nos pasó.
¿Se retrasó el vuelo? No, no hubo nada. Pero luego, cuando acabe el programa y afuera de cámara, te cuento una cosa que me pasó muy divertida.
Vale, guay. Genial. Lo siento que os vais a quedar con las ganas, pero bueno.
Saludos.
Decía que venía un poco de resaca emocional, pero esta mañana, tío, que estaba un poco así como atontado, he tenido muy buenas noticias porque he recibido la notificación de que habían aprobado por fin la extensión de Chrome que publicaban la Chrome Store, mi primera extensión de Chrome.
Y pensaba que iba a tardar muchos días porque ya me habían advertido que tardan muchos días, que no sé qué, que no sé qué, como había un fin de semana por medio.
Oye, no ha sido pa' tanto.
Comments of #UBAC 303: Crear una extensión de Chrome con Lovable