Idea para crear splash de publicidad en iOS con PhoneGap

Estamos empezando un proyecto de aplicaciones con PhoneGap de Adobe, es un framework gratuito para hacer aplicaciones móviles -aquí más info- por lo que iremos escribiendo pequeñas ideas y trozos de código que podrían ayudar a otros proyectos.

Algo que me viene rondando desde hace tiempo, es como hacer un splash con publicidad, es decir... en un proyecto de iOS estableces las imágenes que va a cargar la aplicación al ejecutarse, la mayoría de aplicaciones pues así funcionan... se lanza una "portada" y luego se muestra el contenido.

¿Que tal si ocupamos mostrar otra pantalla con digamos, publicidad, después de la carga de la aplicación y antes de mostrar el contenido?

Como vamos a trabajar con HTML y JavaScript, algo tendremos que hacer. Buscando información, me encontré con esta página "iOS PhoneGap / Cordova – Splash screen control" que indica como configurar iOS para que no esconda el splash una vez cargada la aplicación y para hacerlo en ejecución. Partiendo de allí y haciendo los cambios que indican, vamos a hacer una función como esta:

function laConfig() {
//verificar que se tiene internet...
$.post(url,{config:1},function(m) {
//cargamos el splash
if(m.splash) {
var img = $("").attr('src',m.splash)
.load(function() {
if (!this.complete) {
cordova.exec(null, null, "SplashScreen", "hide", []);
} else {
$(".splash").show().append(img);
setTimeout(quitaSplash,1000*m.time);
}
});
}
},'json');
// quitamos el splash, por default
cordova.exec(null, null, "SplashScreen", "hide", []);
}

Donde, mando llamar a un url previamente definido, que me regresa un objeto JSON con dos parámetros: url de la publicidad (imagen) y tiempo en mostrarse.

Es una idea básica pero eso hace que mientras está cargando mi aplicación, se mantiene el splash en pantalla, voy y obtengo el url de la publicidad (puede ser una imagen que llene inclusive toda la pantalla), la cargo y muestro. Luego llamo a una función llamada quitaSplash() que manda el método hide() a mi publicidad para que la desaparezca.

... esa es la idea.

+ fotos / videos

https://tar.mx/tar.svg

Almacenado en Apple, iOS, PhoneGap

por Jorge Martínez Mauricio :)

blog / fotos / archivo

Idea para crear splash de publicidad en iOS con PhoneGap

tar.mx es un blog sobre fotografía, tecnología y otras chunches

modificado viernes 16 de julio de 2021, 14:25

cuentame