Tutorial Parte 4: Crear una apliación para Android y subirla a Google Playstore

Gabriel Avellaneda

Usuario VIP
En este hilo, la idea es mostrar una alternativa a MIT APP INVENTOR, esta es Thunkable.

La buena noticia es que la interfaz es prácticamente idéntica a APP INVENTOR, así que no costará nada aprenderlo, sumado a que también tiene la funcionalidad de poder testear la aplicación en tiempo real mientras se desarrolla (mismo modus operandis). Además, ahora ya podemos hablar de monetización con anuncios.

La mala noticia es que no podré mostrar en el post ejemplos concretos de anuncios ya que se necesita una cuenta de AdSense de Google y yo aún no conseguí que me aprueben una.

Lo primero que hay que hacer es ir al sitio: https://thunkable.com y luego loguear con nuestra cuenta de Google.


1543146202114.png

Luego nos aparecerán estas dos opciones

1543146419632.png
Hacemos click en "Classic Platform", así, la interfaz de trabajo prácticamente será la misma que la de App Inventor, pero sólo podremos compilar para Android.

1543146739887.png

Al igual que como hicimos con MIT APP INVENTOR, vamos a Playstore y buscamos la aplicación para poder testear. Tenemos que asegurarnos que sea "Thunkable Classic Live For Android"

1543148071327.png

1543148154608.png



Si vamos a la pestaña "Palette" y desplegamos "Experimental", notamos que tenemos elementos bastante interesantes, como los anuncios con banner, los interstitials (son los anuncios que te ocupan la pantalla entera del teléfono) e incluso push notifications.

1543147109907.png
Vamos a arrastrar a Screen los tipos de anuncios Banner e Interstitial (este último no aparece visible en la parte de diseño)

1543148717680.png
Si nos posicionamos en cualquiera de los dos dentro de la pestaña "Components", vamos a ver que hay una propiedad "Ad Unit ID"

1543149030106.png
Ese campo de completa con una serie de letras y números, y es el identificador único en cuestión de un anuncio. Entonces, completando ese campo indicás cuál es el anuncio dentro de tu pool que querés mostrar.

¿Y dónde están mis supuestos anuncios?

Para cargar anuncios, lo primero que tenés que hacer es crear una cuenta en Google Admob

1543149637084.png
Luego, ¿qué es lo que puede pasar luego de ese click? esto:

1543149782935.png
Esto ocurre porque primero necesito una cuenta de Google Adsense

1543149988958.png
Vas a tener que llenar este simple formulario

1543150138151.png
Ya llenamos el formulario, ahora tenemos que esperar (quizá 24 horas) hasta recibir un correro de Google.

Puede pasar que llegue a tu casilla este temido mensaje

1543150406809.png

1543150651539.png
En parte voy a ser honesto, mi "sitio web" es una página hecha a pulmón con WordPress y el plugin Elementor, la cuál esta LLENA de enlaces de afiliado donde trato de vender algo. Entonces, si vos tenés un sitio web medianamente bueno, probablemente no te ocurra esto.

¿Y si no tengo sitio web? ¿cómo hago para obtener mi cuenta de AdSense?

Bien, la otra opción es atacar el problema por el lado de Youtube: esto es, colocar como sitio web el canal personal propio de Youtube. Hasta donde sé, antes podías linkear tu cuenta de youtube con AdSense aún sin tener videos subidos, pero creo que desde el 2017 las políticas cambiaron y necesitás 10000 vistas o cierto número de videos online; esto la verdad no lo sé, habría que probarlo.

Si tu caso es este (tenés un canal con un poco de audiencia en Youtube), entonces abrís nuevamente el temido mail y hacés click aquí:

1543151225776.png
En tu cuenta, seleccionás la opción marcada y modificás tu sitio por el canal de Youtube y luego a esperar nuevamente

1543151359361.png

En caso de tener éxito, ya podés entonces crear tu cuenta en Admob.

Tengo mi Cuenta en Admob, ¿qué sigue?

Lo primero es crear un Ad Unit para luego copiar el número en Thunkable. Lamentablemente no tengo cuenta de Admob, así que usaré screenshots de la documentación oficial:

assets%2F-LAn5scXl2uqUJUOqkJo%2F-LAn5wecEraNWaG7Ig2g%2F-LAn67DOCOcuFft8lVMX%2Fadmob-fig-7 (1).png
Vemos en la imagen de arriba que podemos crear el ID ya sea para Banner o para Interstitial. Luego lo configuramos y le damos click a Save
assets%2F-LAn5scXl2uqUJUOqkJo%2F-LAn5wecEraNWaG7Ig2g%2F-LAn67DP8LE7VWNqNblQ%2Fadmob-fig-8.png
Una vez hecho esto, aparecerá el Ad Unit ID (negrita en el screenshot debajo)

assets%2F-LAn5scXl2uqUJUOqkJo%2F-LAn5wecEraNWaG7Ig2g%2F-LAn67DQkPvoLdZDe5ZB%2Fadmob-fig-9.png
Copiamos ese ID del tipo de anuncio que corresponda y lo pegamos en Thunkable

1543152462886.png
También vamos a quitar el tilde en la propiedad "Test Mode"

1543153182858.png
Nos aseguramos primero que en campo "Sizing" de "Screen" esté seleccionado "Responsive"

1543152623013.png

Nos vamos a "Blocks" para cargar el anuncio

1543153235593.png
Lo primero que tenemos que hacer es dar la orden de que los anuncios carguen cuando arranque la aplicación. Para esto, arrastramos primero el bloque

When Screen1. Initialize
Do

1543153886698.png
Indicamos que queremos cargar el anuncio del banner

1543154006407.png
Como también el anuncio del Intestitial

1543154088171.png
Luego, una vez cargado el anuncio en el banner, indicamos que se haga visible (no hace falta hacer esto para el Interstitial)

1543154381798.png

1543154458780.png


Listo, ahora conectamos con la aplicación del teléfono para testear

1543152799391.png

Con esta configuración, ambos anuncios deberían mostrarse apenas inicializa la aplicación,

Saludos
 
Última edición:

Gabriel Avellaneda

Usuario VIP
hola te hago una consulta para hacer aplicaciones de radio, chistes, fondos de pantalla, recetas y monetizar con mdmob esta bien esa plataforma de https://thunkable.com ? la version free sirve?

Si, 100%. Lo difícil es conseguir la cuenta de AdSense y que luego no la baneen jaja.

Miscellaneous: A la radio la podés hacer de la misma forma que la app para ForoBiz; arrastrás el web viewer y en la URL de inicio ponés la de alguna radio específica. También podés poner unos botones para elegir tipos de radio. Si vos querés, cuando vuelva el lunes del meet up en Buenos Aires puedo armar un post de una app con distintas radios de esa forma simple.

Un saludo
 
Arriba