Creo una APP MONETIZABLE en Minutos por IA no-code 📲 Tutorial FÁCIL Paso a Paso

En la actualidad podemos crear prácticamente cualquier cosa por inteligencia artificial, desde imágenes, vídeos, música o hasta nuestras propias aplicaciones funcionales. De hecho, en este canal ya estuvimos creando algunas de estas apps. Pero cuando se trata de ir un paso más allá, si queremos construir un proyecto más serio, necesitaremos conocer algunos conceptos y plataformas complementarias para profesionalizarlo. Para ello, en este vídeo estaremos viendo 4 puntos claves, empezando con la construcción de nuestra app, web o juego, que luego podamos tenerla nosotros en nuestros propios servidores, hacer cosas como monetizarla para ganar dinero con esta, o incluso convertirla en una aplicación que se pueda instalar en cualquier smartphone. Aunque lo mejor de todo es que lo seguiremos haciendo de una forma rápida, sencilla y sin necesidad de conocimientos de programación. ¿Suena bien? Pues comencemos con el primer punto creando nuestra propia app. Para hacerlo posible necesitaremos crear el código de nuestra aplicación, pero para toda la parte de la programación ya se ocuparán inteligencias artificiales como la plataforma de WebSim, una herramienta de la que ya estuvimos hablando en este canal, ya que podemos crear cualquier aplicación de una forma súper rápida. De hecho, si voy para arriba, estuvimos creando incluso nuestra propia red social de coches. Pero en este caso vamos a hacer algo un poco más serio, así que para ello vamos a clicar en esta barrita de arriba. Y desde este apartado yo te recomiendo que mantengas el modelo de Claude 3.5 Sonnet. Esta también la estuvimos viendo en el canal y te voy a dejar el vídeo en la descripción. Y un punto que te podrías preguntar es por qué lo hacemos a través de WebSync basado en este modelo en lugar de utilizar la plataforma de Claude. Pues bien, tras varias pruebas, al intentar hacer una aplicación un poquito más compleja directamente desde la plataforma de Claude, quizá nos arroje un lenguaje de programación que sea más difícil de trabajar si no tenemos los conocimientos técnicos necesarios. Sin embargo, al nosotros hacerlo directamente desde WebSync, todo el código que nos esté generando lo estará haciendo en HTML. Y si no conoces este concepto, no te preocupes, porque a lo largo de este vídeo te estaré diciendo qué es junto a otros conceptos que te vendrán genial si quieres hacer este tipo de emprendimiento. Bien, sabiendo esto, yo le voy a pedir que me cree una herramienta de marketing digital, en este caso de SEO, es decir, para aquellas personas que se quieran posicionar en los primeros resultados de un buscador como Google. Ya que aquí, en definitiva, lo que le estoy pidiendo es una herramienta que me ayude a pegar una artículo que ya tengo un cliente potencial y que me digan las áreas de mejora en la que se pueda trabajar en ese artículo para que se pueda posicionar mejor. Así que yo aquí, como ya tengo este prompt, directamente le voy a dar a enviar y en cuestión de unos 30 segundos ya tendremos por aquí nuestra aplicación. Así que vamos a probarla. Para ello voy a analizar algún artículo de finanzas y desde aquí le voy a poner la palabra clave sobre la que se querría posicionar, en este caso ganar dinero. Así que voy a clicar en este botón y ahora ganar dinero por internet para una búsqueda un poco más larga. Le vuelvo a dar y desde aquí parece que se nos pegan correctamente estas dos palabras clave. Ahora me he venido a un artículo cualquiera que me acabo de encontrar. Así que copio y desde la herramienta que acabo de desarrollar pego, clico en analizar SEO, y por aquí en cuestión de un segundo ya veo que me está dando algunas recomendaciones e información, como es la longitud del artículo, cuántas veces utiliza la palabra clave que le hemos especificado, en este caso más de un 1%, al igual que otros aspectos interesantes a tener en cuenta en el SEO, como es el tema de metadescripciones, título y otras sugerencias que nosotros podríamos proponerle a la persona que haya hecho ese artículo para poder ayudarle. Vale, desde aquí realmente tenemos algo bastante básico. Y sobre la propia plataforma pues les podremos pedir muchísimos más cambios, como ya estuvimos viendo en el vídeo de WebSync que te dejaré en la descripción. Aunque aquí, como quiero enfocarme principalmente en el proceso que va a hacer posible desde crear una app hasta poder llegar a publicarla y escalarla, lo voy a estar dejando tal y como está. Por lo que para trabajar con este código le voy a dar a los 3 puntitos de aquí y ahora le voy a dar a download. Y ya con esto automáticamente tendríamos todo el código de HTML en nuestro dispositivo. Pero además de esto te voy a recomendar dos aplicaciones que tenemos desde esta herramienta. Así que me voy a volver al apartado de inicio y clicando en Useful vas a encontrar que esta plataforma también tiene algunas herramientas que son guías. De aquí, si yo clico por ejemplo la de la guía de intermedio, pues vamos a encontrar diferente información para poder expandirla. De hecho, hay otra guía desde aquí para usuarios avanzados que si le damos un clic vamos a poder ver aspectos como generar un backend, entre otros puntos, en el caso de que nosotros queramos desarrollar nuestra aplicación basándonos en esta herramienta. Ahora bien, como probablemente sea la primera, empecemos por lo más básico. Y para ello, volviendo a la parte de inicio y filtrando por useful y más utilizadas en el último mes, vamos a tener por aquí una aplicación que es en concreto esta de aquí, que cuando yo le doy un clic lo que nos va a dar es, más allá de cómo se ve nuestra aplicación, también nos va a poner el código que nosotros nos hemos descargado, pero sobre todo la explicación de todo este código, que nos vendrá genial para tener conocimientos de lo que estamos creando. Aquí de hecho nosotros directamente podríamos subir el código que hayamos descargado o incluso podríamos generarlos desde aquí. Para ver cómo sería, yo le voy a poner exactamente el mismo prompt que había puesto antes, y cuando le doy a generar simulación, ya tendríamos también en cuestión de unos 30 segundos, por un lado, todo el código de aquí, que por un lado nos va a dar el HTML, que esto básicamente es cómo se va a estructurar nuestra aplicación, es decir, cuántos inputs va a tener, cuántas opciones y todo este tipo de información. Luego también por aquí abajo nos vamos a encontrar que tenemos el CSS. Esto básicamente es para toda la parte de estilo, es decir, cómo se visualiza nuestra aplicación a nivel de colores, formas y en general toda la parte visual. Y por último, si hacemos scroll un poquito más para abajo, vamos a tener el JavaScript. Este básicamente se encarga sobre todo de toda la parte interactiva de la aplicación, es decir, cuando nosotros cliquemos en un botón, pues que realmente responda con aquella información que nosotros esperamos de la aplicación. Desde aquí, de hecho, nosotros podríamos copiar este código para poder guardar el HTML en nuestro dispositivo como hicimos previamente. Pero sobre todo, si deslizo hacia arriba, esta herramienta lo que tiene es que nos da toda la explicación del HTML que tenemos aquí. Así que desde aquí lo podrías leer y poder entender todo, sobre todo cuando quieras hacer diferentes cambios a tu aplicación de una forma más acertada. Una vez que tenemos el código de nuestra aplicación, es hora de crear nuestro propio activo. Para ello estaremos subiendo el código de nuestra aplicación a un servidor propio para que tengamos todo el control e incluso podamos monetizar con ella. Y para hacer esto posible, lo que necesitaremos será importar el archivo de HTML en un hosting propio, y esto podremos hacerlo con la plataforma de Hostinger. Una plataforma ya vista en este canal desde donde podemos crear nuestras propias páginas web, aunque también podremos subir desde aquí nuestras aplicaciones. Para hacer esto, ten en cuenta que si hacemos scroll para abajo vamos a tener diferentes planes de precios, aunque yo te recomiendo el que yo tengo, que es el plan Business, ya que desde aquí vamos a tener ventajas como el doble almacenamiento, aún más rápido que con la versión anterior, e incluso copias de seguridad diarias. Sabiendo nuestro plan, le daríamos a elegir el plan, y desde aquí podremos elegir el periodo. Yo te recomiendo que por lo menos sea más de un mes, ya que como puedes ver hay bastantes saltos si solamente contratamos mes. Además, también cuando contratamos desde 12 meses también nos van a regalar el dominio. Así que aquí por un año, si bajo el para abajo, vamos a ver que nos va a salir por unos 65 euros, y además vamos a poder crear hasta 100 páginas web. Pero además, si donde pones tienes un cupón, escribes la palabra Alejavi, cuando le des a aplicar automáticamente te va a salir aún más barato, estando por debajo incluso de esos 60 euros. Y una vez lo terminemos de comprar, aterrizaremos a la plataforma de hPanel, desde donde podremos configurar nuestra aplicación. Aunque antes de nada vamos a elegir el dominio. Y si no sabes lo que es un dominio, básicamente es el identificador único en el que se va a alojar nuestra aplicación o sitio web para que nos puedan encontrar, como podría ser la página web de Hostinger con su hostinger.com. Sabiendo esto, es hora de reclamar el que nos han dado. Así que para ello le vamos a dar a reclamar dominio, y desde aquí vamos a poder poner cualquier nombre. En mi caso, iatil.com, de inteligencia artificial y útil. Le voy a dar a consultar disponibilidad, ya que como te comentaba antes es un identificador único y nadie lo va a poder tener más. Pero en este caso, como está disponible, le voy a dar a reclamar dominio. Y una vez lo tengamos, ahora desde Sitios Web vamos a poder añadir nuestra aplicación. Para ello le daríamos Añadir sitio web, pero antes lo que podremos hacer es crear esa página de inicio antes de que los usuarios accedan al sitio web. Desde aquí vamos a tener dos opciones, tanto WordPress, que es la que yo te recomiendo, como su propio creador de páginas web, que es la forma más fácil de hacerlo. De hecho, yo lo estaré haciendo por ahí, así que le voy a dar un clic. Desde aquí yo voy a seleccionar directamente alguna de su plantilla, que como puedes ver tenemos bastantes. Unas 16 páginas de plantilla, aunque yo estaré utilizando esta llamada Blic. Le voy a seleccionar y ahora desde aquí le vamos a poner el nombre de la marca, en este caso IATIL, y como descripción que somos una plataforma de marketing digital apoyada con inteligencia artificial para ayudar a analizar de forma concisa los artículos de cualquier blog para asegurar su posicionamiento SEO. Una vez ya la hayamos descrito, le voy a dar a personalizar plantilla, ya que con esta simple descripción lo que nos va a hacer es que toda la página web se va a personalizar acorde a esa descripción que hayamos escrito. Y aquí conforme yo he terminado de decir esta frase, pues puedes ver que ya tenemos esta página web con la plataforma de marketing digital tal y como se lo hemos especificado. Y también nos está hablando por aquí de algunos conceptos como el análisis de artículos SEO y, al fin y al cabo, servicios de marketing digital. Aquí realmente pues podemos ver que nos ha añadido bastante más información y en general estaría bastante bien. De ese constructor, ten en cuenta que si clicas en editar sitio vas a poder editar prácticamente todo y poner cualquier cosa en cualquier ubicación. Ahora bien, de esto ya tengo un vídeo que también te voy a dejar abajo en la descripción, en donde ya lo estuvimos viendo en todo detalle. Pero como en este vídeo lo que nos interesa es ver cómo podemos subir nuestra aplicación directamente, me voy a volver a mis sitios web. Vamos a conectar lo primero de todo el sitio web que hemos creado con el dominio que hemos reclamado. Así que aquí voy a clicar iatil.com, le damos a siguiente, y ya con esto lo tenemos conectado. Ahora bien, más allá de tener una página de inicio, realmente lo que necesitamos es subir nuestra aplicación. Para ello vamos a clicar nuevamente en añadir sitio web, pero en este caso vamos a seleccionar la tercera opción de sitio web PHP o HTML vacío. Le damos un clic y desde aquí vamos a crear un subdominio, ya que podemos crear tantos como queramos de forma gratuita. Y para poder hacerlo sería tan fácil como poner, en este caso voy a escribir SEO, aquí realmente puedes poner el nombre que tú quisieses, seguido de un punto y el nombre de tu dominio, en mi caso iatil.com. Desde aquí nos pondría que tenemos el subdominio gratuito, así que lo voy a seleccionar. Y clicamos en siguiente. Y tras un minuto aproximadamente ya tendrás tu subdominio configurado. Y cuando cliques en panel, automáticamente aterrizarás a esta página desde donde tendrás que seleccionar administrador de archivos. Aquí estarás viendo esta parte, pero nosotros nos va a interesar esta carpeta llamada public_html. Así que le doy un doble clic. Esto podemos clicar en botón derecho y borrar. Y desde la flecha para arriba, si le damos un clic, vamos a seleccionar el archivo. Y en este caso con el HTML que hemos descargado, así que le doy a abrir. Y nuevamente le vamos a dar a botón derecho Renombrar, y le vamos a poner index.html. Clicamos nuevamente en Renombrar, y ya con esto ya podremos acceder a nuestra aplicación. Así que vamos a ponerlo a prueba. Para ello acabo de abrir una nueva pestaña y ahora voy a escribir el subdominio seo.iatil.com. Le doy un intro para buscar y automáticamente ya tendríamos esta aplicación que realmente está totalmente funcional y en un servidor propio. Aquí de hecho, para ponerlo a prueba, voy a seleccionar las mismas opciones que antes, seleccionando finanzas, aquí la palabra clave de ganar dinero, y nuevamente voy a copiar este artículo y lo vamos a pegar en nuestra plataforma para ver si cuando clicamos en SEO pues realmente sigue funcionando igual de bien que como hicimos la prueba anterior en la plataforma de WebSync. Y una vez tenemos nuestra plataforma en nuestro propio hosting y dominio, es hora de ver cómo podemos monetizarla. Para ello tenemos diferentes formas. Por un lado, el modelo freemium, que consiste en ofrecer diferentes funcionalidades de forma gratuita, pero sin embargo que haya otras funcionalidades premium a la cual solamente puedan acceder aquellos usuarios que hayan pagado alguna cuota que tú hayas puesto para poder utilizar esa aplicación. Otra opción sería ofrecer esta plataforma de forma gratuita, aunque incluyéndole diferentes anuncios para que automáticamente esa aplicación genere dinero y tú estés facturando aunque los usuarios no tengan que pagar por ello. Y para ello puedes utilizar plataformas como la de Google AdSense, desde donde clicando en comenzar vas a poder hacer el registro, en mi caso con una cuenta de Google, Y aquí puede ser que a ti te pida algunos datos adicionales, pero a mí me ha entrado automáticamente ya que en este tutorial ya estuvimos viendo cómo podemos hacer toda esta parte de la configuración. Desde aquí lo que podrías hacer sería añadir el sitio web que hayas puesto, en mi caso iatil.com. Y cuando le doy a guardar me va a aparecer por aquí la opción de conectar el sitio web. Así que le doy adelante. Y desde Hostinger, si clicamos en nuestra página web que tiene el dominio principal, al seleccionar editar sitio web, en el caso que hayas seleccionado su constructor de páginas web, si clicas en estos tres puntitos vas a tener un apartado de integraciones. Desde donde verás la opción de Google AdSense. Y desde aquí nos pide el archivo de ads.txt. Así que volviendo a Google AdSense, selecciono ads.txt, copiaría este código, y desde la página web pego y le doy a guardar cambios. Ahora desde aquí le damos a publicar, y una vez lo tengamos, desde AdSense le decimos que lo hemos publicado. Y al clicar en verificar, ya sería terminar de configurar y añadir los anuncios en aquellas partes específicas que nosotros queramos en nuestra aplicación. Otra forma sería solamente darle acceso a algunos usuarios que, por ejemplo, hayan pagado pagado para poder utilizarla. Y para hacer esto sobre nuestra propia página web que hayamos creado, nosotros podríamos tener un login para tener un acceso de área cliente a aquellos usuarios que hayan pagado, y que este tenga un enlace a la URL de nuestra aplicación, y que solamente puedan acceder aquellos que se verifique que haya pagado. Para este punto yo recomendaría más un CMS como el de WordPress, pero para ver cómo podríamos vincularlo a una página web de una forma muy básica y sencilla, yo voy a copiar esta URL del subdominio que habíamos creado con la app y en alguna ubicación para aquellos que hayan iniciado sesión podríamos clicar en algún bloque y dándole un doble clic vamos a poder seleccionar aquí la URL y pegar la nuestra. Ahora este cambio, si yo le doy a actualizar y entro directamente sobre este sitio web, aquí si yo clico ahora sobre descubrir pues automáticamente me va a entrar en la aplicación que hemos desarrollado. Ahora bien, otra de las formas sería que esta aplicación esté para dispositivos móviles en marketplaces como la App Store o la Google Store, y que aquellos usuarios que quieran utilizarla, cuando se lo descargue, tengan que pagar el precio de la aplicación. Pero para ello tendremos que terminar viendo el último bloque para pasar esta aplicación a una app de móvil instalable. Para hacer esto posible hay una forma muy sencilla gracias a una plataforma llamada Web into App, desde donde si nosotros le damos a Get Started, simplemente tenemos que pegar por aquí la URL de donde tengamos la aplicación, en mi caso con este subdominio de SEO. Desde aquí le daríamos un nombre, como por ejemplo IASEO Top, y desde esta parte de la derecha vamos a poder establecer un icono distinto al que está. Y para ello yo te voy a recomendar este vídeo en donde estuvimos viendo cómo crear logotipos por inteligencia artificial. Sin embargo, yo para mostrar una forma rápida y enfocarnos en el proceso, voy a dejar este icono y le doy a siguiente. Ahora, desde aquí ten en cuenta que vas a tener dos opciones. Por un lado, un instalador solamente para dispositivos Android. Esta ten en cuenta que la podrías hacer de una forma totalmente gratuita para poder testarla, aunque también esta plataforma te va a dejar crearlo tanto en Android como en iOS. Pero como te muestra por aquí, tiene un precio de unos $90, que realmente no es mucho para una aplicación. Yo sin embargo lo voy a estar haciendo con la gratuita, y para ello le voy a dar a Make App. Desde aquí haríamos el registro. Ya registrados, nuevamente le daríamos a Make App, y por aquí ya lo empezaría a procesar. Unos 15 segundos más tarde ya nos aparecería por aquí este archivo, que si yo le doy aquí a descargar, automáticamente va a decir que podemos hacer una descarga gratuita. Así que le voy a dar a descargar todos los archivos. Ya lo tendría por aquí, pero aquí sobre todo el que nos interesa va a ser uno. Así que ello vamos a seleccionar esta carpeta, volvemos a entrar en la otra que se llama Android, y aquí lo que vamos a necesitar va a ser esta APK llamada app_release, que realmente nosotros vamos a poder clicar en renombrar y poner un nombre como por ejemplo IASEO. Y ahora aquí, para probarlo en mi teléfono móvil Android, lo que voy a hacer va a ser irme a mi Google Drive, lo voy a subir a mi nube, y una vez ya lo tengo subido, con mi móvil en mano clicaría la app de iaseo.apk. Desde aquí voy a clicar en instalar, vamos a analizarla, y aquí evidentemente es segura porque la hemos creado nosotros. Así que ahora sí le damos a instalar. Y ya por aquí tendríamos nuestra aplicación con el icono que ya había dejado y el nombre de IASEO Top, que es el que ya había elegido. Así que ahora le voy a dar un clic y automáticamente ya tenemos por aquí una app que es totalmente funcional, en donde yo voy a poder añadir todas las palabras clave. Y al fin y al cabo vamos a tener exactamente la misma funcionalidad que como hemos visto en mi ordenador, pero para los dispositivos móviles, que podríamos publicar a modo de ejemplo en el Play Store. Y bueno, ¿qué te parece que hayamos hecho esto de una forma tan sencilla? Déjamelo por los comentarios y comparte si te gustó. Como estamos viendo, ahora podemos crear nuestra propia funcional que incluso luego podamos hasta llegar a monetizar. Esto no significa que vayas a crear en cuestión de minutos un activo millonario que no tengas que modificar más, pero como mínimo te iniciarás en este tipo de procesos para conocer sus fundamentos, para que tratando de mejorar lo que comenzó siendo una idea acabe siendo tu propia realidad.