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.

https://www.google.com/ads/admob/


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.


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.


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.


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.


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.

http://www.microsoft.com/visualstudio/eng/downloads

https://developers.google.com/mobile-ads-sdk/download?hl=es


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.


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.


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.


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.


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!!

http://1drv.ms/10zVSMb

Integrando publicidad de AdMob en WP 8.0

Mobile

Transcript of Integrando publicidad de AdMob en WP 8.0