Integrando publicidad de AdMob en WP 8.0
-
Upload
vicente-gerardo-guzman-lucio -
Category
Mobile
-
view
113 -
download
4
Transcript of Integrando publicidad de AdMob en WP 8.0
Vicente Guzman MVP Windows Platform Development
Integrando publicidad de AdMob en Windows Phone 8.0
El mercado de las Apps para móviles cada vez crece más, por lo que se está volviendo más
competitivo el conseguir dar visibilidad a nuestras Apps para que los usuarios la descarguen.
Así que el día de hoy quiero hablarles de AdMob.
¿Qué es AdMob?
AdMob es una red publicitaria para móviles de Google la cual te ayudara a dar visibilidad a tu App
así como el poder generar ingresos directos mediante anuncios.
¿Cómo funciona? 1.- Se agrega el .dll en la aplicación y este empieza a publicar anuncios.
2.- Los usuarios hacen clic en los anuncios.
3.- Se obtienen ingresos cada vez que los usuarios hagan clic en los anuncios de su aplicación.
Suena bien, ¿cómo puedo comenzar?
Lo primero que debemos hacer será obtener una cuenta, para esto deberemos de registrarnos en el portal de AdMob.
Vicente Guzman MVP Windows Platform Development
En el caso de que ya tengamos una cuenta solo iniciemos sesión.
Ya activa nuestra cuenta tendremos las opciones de Monetizar, Promocionar o Analizar, para cuestiones didácticas de este tutorial elegiremos la primera.
Una vez presionado (tocado, seleccionado) nos mandara a una ventana con 3 opciones, la primera
es para buscar la aplicación en cualquiera de estas dos tiendas: Google Play o iTunes App Store.
La segunda (la cual será la que seleccionaremos) es para añadirla manualmente, y en la última
opción es para seleccionar aplicaciones que hayamos añadido previamente.
Una vez que nos posemos en la segunda opción podremos visualizar como nos solicita que
llenemos dos campos, el primero es el nombre de la aplicación a la cual añadiremos la publicidad y
el segundo es la plataforma.
Vicente Guzman MVP Windows Platform Development
Nota: Favor de seleccionar la opción de Windows Phone 8.0
Cuando hayamos guardado, pasaremos a elegir el formato en el cual queremos que se muestre la
publicidad así como el nombre como identificaremos a esta.
Vicente Guzman MVP Windows Platform Development
Para efectos didácticos elegiremos el formato de Banner, y dejaremos seleccionados los tipos de
publicidad que vienen por default, es decir que se mostrara Texto e Imagen.
Así como le permitiremos que se actualice la publicidad cada 60 segundos, esto para que el
usuario no se aburra con la misma publicidad y tengamos más oportunidad de que le dé clic a esta
y así nos genere ganancias.
En Ad Unit Name podemos poner lo que queramos, la finalidad es identificar nuestro banner, en
mi caso pondré: Banner Demo App AdMob.
Unas ves configuradas todos los campos, demos clic en Save para guardar nuestro Banner.
Vicente Guzman MVP Windows Platform Development
Ya por último nos arrojara el Ad Unit ID, el cual será el que añadiremos en el código de nuestra
aplicación donde queramos que se muestre la publicidad.
Vicente Guzman MVP Windows Platform Development
DEMO
Requisitos:
Windows Phone SDK 8.0
Visual Studio 2012 o Posterior
Google SDK Ads (Descargar)
Nota: El archivo descargado solo contiene un archivo DLL.
Comencemos entonces generando un nuevo proyecto:
En nuestro explorador de soluciones, demos clic secundario en References para que nos
despliegue un menú, en donde seleccionaremos la primera opción: Agregar Referencia.
Vicente Guzman MVP Windows Platform Development
Una vez que nos abra la ventana, tendremos que seleccionar: “Examinar…” para que podamos
buscar el .DLL que previamente descargamos.
Una ves seleccionado, damos clic en Aceptar.
Vicente Guzman MVP Windows Platform Development
Ahora tenemos que habilitar las capacidades (Capabilities), para esto tenemos que abrir nuestro
archivo WMAppManifest.XML y posicionarnos en la pestaña antes mencionada.
Nota: Este archivo se encuentra dentro de Properties.
A continuación les muestro las funciones obligatorias que se deben de seleccionar para que
nuestra publicidad se muestre.
Vicente Guzman MVP Windows Platform Development
Funciones Obligatorias
ID_CAP_NETWORKING Se requiere el acceso a los servicios de red cuando se solicitan anuncios.
ID_CAP_WEBBROWSERCOMPONENT Se requiere porque el objeto AdView es un navegador web.
ID_CAP_MEDIALIB_PLAYBACK Proporciona acceso a los elementos multimedia que se están reproduciendo actualmente.
ID_CAP_MEDIALIB_AUDIO Proporciona acceso de lectura a los elementos de audio de la biblioteca multimedia.
Después de esto debemos de buscar el control AdView en la caja de herramientas, considera que
es diferente al control AdControl, si no se encuentra deberemos agregarlo.
Para esto haz clic con el botón derecho en la caja de herramientas y selecciona Elegir elementos
(Choose Items…).
Luego clic en Examinar (Browse), y en la ventana que aparecerá selecciona el archivo
GoogleAds.dll que has descargado antes, asegúrate que el control AdView este
seleccionado en el espacio de nombre GoogleAds y, a continuación haz clic en OK.
Vicente Guzman MVP Windows Platform Development
Al igual que muchos controles, AdView se especifica más fácilmente en las marcas XAML. Una
forma de hacerlo consiste en arrastrar el control AdView desde la caja de herramientas al panel
que muestra el resultado de las marcas XAML.
Ya casi acabamos…, ahora toca abrir nuestro archivo MainPage.xaml (u otro archivo XAML según
corresponda para su proyecto) y agreguemos el espacio de nombres:
xmlns:GoogleAds="clr-namespace:GoogleAds;assembly=GoogleAds"
Para finalizar solo toca agregar el control:
<GoogleAds:AdView HorizontalAlignment="Left" Height="79" VerticalAlignment="Top"
Width="420" Format="YOUR_AD_FORMAT" AdUnitID=" MY_AD_UNIT_ID"/>
Nota:
MY_AD_UNIT_ID se debe reemplazar por tu ID de bloque de anuncios de AdMob real.
YOUR_AD_FORMAT se debe reemplazar por la constante AdFormats que deseas solicitar.
Actualmente, se admiten Banner y SmartBanner.
Vicente Guzman MVP Windows Platform Development
Después de añadir esto guardemos, compilemos y ejecutemos para ver el resultado.
Nota: Para que se pueda ver la publicidad la aplicación
debe de estar publicada.
Esto ha sido todo por hoy, y bueno como siempre, aquí
les dejo el código visto en el tutorial.
Hasta la próxima!!