Windows Phone 8

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.


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:

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.

 

 

 

 

 

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_FORMATAdUnitID=”
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!!

Anuncios

4 comentarios en “Integrando publicidad de AdMob en Windows Phone 8.0”

    1. No, son diferentes aunque tienen tienen usos similares y ambos se superponen en la plataforma móvil de Google.
      Pero para ser mas claro te explico:

      AdMob está dirigido a los desarrolladores de aplicaciones y AdSense para los editores de web móvil.

      Saludos!

Responder

Por favor, inicia sesión con uno de estos métodos para publicar tu comentario:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s