Integrando publicidad de AdDuplex en WP8.1

8

Click here to load reader

description

Aprende a integrar publicidad de AdDuplex en Windows Phone 8.1

Transcript of Integrando publicidad de AdDuplex en WP8.1

Page 1: Integrando publicidad de AdDuplex en WP8.1

Vicente Guzman MVP Windows Platform Development

Integrando publicidad de AdDuplex en WP8.1

La mayoría de los desarrolladores que van empezando publican sus apps de manera gratuita, ya

que piensan (aclaro, no todos) que no son lo suficientemente buenas para estar en venta pero a la

ves si quisieran estar generando alguna ganancia, por más mínima que sea, solo que una de dos, o

no saben cómo manejar la publicidad (crearla) o no saben en código como implementarla, es por

eso que el día de hoy les vengo a apoyar con ambos problemas.

¿Qué es AdDuplex?

“AdDuplex is a cross-promotion network specifically targeted at Windows 8 and Windows Phone apps

and games. It empowers developers to promote apps for free by helping each other.

You add our AdControl to your application and start serving ads for other apps. They serve ads for

your app in return. It's that simple.”

Traducción:

AdDuplex es una red de promoción cruzada dirigida específicamente a aplicaciones y juegos para Windows 8 y Windows Phone. Esto le facilita a los desarrolladores el promover aplicaciones de forma gratuita de otras personas.

¿Cómo funciona? Se agrega un control (AdControl) en la aplicación y este empieza a publicar anuncios de otras aplicaciones, es decir, se verán logos o texto de otras apps, pero así como en su aplicación se muestran la de otros desarrolladores, en las de ellos se mostraran la suya.

Para los que ya tengamos en nuestro Visual Studio 2013 la opción para crear aplicaciones para Windows Phone 8.1 nos habremos de percatar que ya no funciona la integración de AdDuplex para Windows Phone 8 ya que así como el SDK ha cambiado, las extensiones igual, pero para no hacérles más largo el cuento, empecemos.

Lo primero que debemos de hacer será descargar la extensión de AdDuplex para el manejo de la publicidad en Apps Universales.

Page 2: Integrando publicidad de AdDuplex en WP8.1

Vicente Guzman MVP Windows Platform Development

Nota: También la podemos descargar vía Nuget, pero para que funcione correctamente una vez

instalado, se deberá de reiniciar el VS2013.

Y ahora, ¿qué sigue?

Después de haberlo instalado, toca registrarse en www.adduplex.com para obtener un AppID para

la aplicación y empezar a promover otras aplicaciones, que van a promover el suyo a cambio.

Cuando estén dentro del portal verán este botoncito:

Una vez presionado (tocado, seleccionado) los mandara a una ventana que les pedirá selección la

plataforma para la cual se creara la publicidad, el nombre de la App que la tendrá y si ya está

publicada, la URL.

Cabe destacar que se puede quedar vacío si este último aún no se cumple.

Para efectos didácticos, lo llenare con datos no reales.

Nota: Favor de seleccionar la opción de Windows Phone 8.1

Page 3: Integrando publicidad de AdDuplex en WP8.1

Vicente Guzman MVP Windows Platform Development

Después de haber creado nuestra app, estaremos en otra pantalla donde nos mostrara la

información relevante de la misma. Si nos damos cuenta nos señalara que solo hemos completado

un paso de 4 y que nuestro campo URL sigue vacío.

También podremos ver que nos pregunta, mediante un checkbox si ya hemos integrado o

implementado el SDK de AdDuplex mediante código en nuestra App.

Si navegamos hacia abajo en la pestaña de Ads nos pregunta si queremos mostrar nuestra misma

App o si gustamos de poner otra. En caso de que opten poner la de alguien más, solo les pedirá

que pongan su URL de la tienda.

Continuando en la misma pestaña, también tenemos dos opciones, la de agregar solo texto o texto

con imagen. Déjenme les comento que esta información es necesaria y obligatoria de agregar, ya

que es lo que el usuario final observara en su aplicación.

Page 4: Integrando publicidad de AdDuplex en WP8.1

Vicente Guzman MVP Windows Platform Development

Page 5: Integrando publicidad de AdDuplex en WP8.1

Vicente Guzman MVP Windows Platform Development

Una vez realizado lo anterior, si guardamos nuestro avance, veremos que habremos cumplido

con el paso 2, pero si queremos realizar el paso 3, deberemos de aprender como agregar la

publicidad en nuestra App.

Esto se hace navegando en la pestaña de Code, donde se nos explica y muestra las 2 líneas de

código XAML que debemos de agregar para que la publicidad se muestre.

Nota: Realizando pruebas previamente, el espacio de nombre generado en la página, no funciona

correctamente.

Cuando se haya realizado esto, solo es cuestión de que marquemos el checkbox y ya habremos

completado el paso 3.

Para que queden culminados los pasos, solo nos restaría agregar la URL de la App ya publicada.

Page 6: Integrando publicidad de AdDuplex en WP8.1

Vicente Guzman MVP Windows Platform Development

Pero…. ¿y el demo?

Tranquilos amigos, que aún no se termina el tutorial.

Empecemos 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, en la categoría de Windows Phone 8.1 podremos visualizar la

extensión: AdDuplex SDK for Windows Phone 8.1 (XAML), seleccionémosla y demos clic en

aceptar.

Page 7: Integrando publicidad de AdDuplex en WP8.1

Vicente Guzman MVP Windows Platform Development

Ahora solo abramos nuestro archivo MainPage.xaml (u otro archivo xaml según corresponda para

su proyecto) y agregue el espacio de nombres:

xmlns:ad="using:AdDuplex.Universal.Controls.WinPhone.XAML"

Para finalizar solo toca agregar el AdControl :

< ad:AdControl x:Name="adDuplexAd" AppId="109687"/>

Guardemos, compilemos y ejecutemos.

Page 8: Integrando publicidad de AdDuplex en WP8.1

Vicente Guzman MVP Windows Platform Development

Si se preguntan por qué no se muestra el texto escrito previamente, la solución es sencilla y es que

esta es cíclica, es decir, tardara en aparecer.

Esto ha sido todo por hoy, y bueno como siempre, aquí les dejo el código visto en el tutorial.

Hasta la próxima!!