Integrando Publicidad en nuestras Apps de Windows 8 con JS


Aquí les dejo la contraparte, para los que no son fieles a  C# si no que usan HTML5 y más si desarrollan videojuegos y que también quieren percibir algunas ganancias usando la publicidad en sus Apps.

Al igual que en el tutorial anterior con C#  deberemos de bajar el  Microsoft Advertising SDK for Windows 8 RTM, el cual si ya lo instalaron no es necesario volver a bajarlo ya que este mismo funciona de igual manera.

Después de instalarlo pasemos a hacer la integración.
Para que quede claro, lo realizare desde 0.

Se genera un elemento nuevo:

1

 

Al igual que en el tutorial de C# debemos de revisar las Capacidades de nuestra aplicación, y comprobar que se encuentra habilitado el checkbox de “Internet (cliente)”.

2

Después de ello pasaremos a agregar la referencia:

Microsoft.Advertising SDK for Windows 8 (JS)

Al momento de hacer este paso se seleccionara por default la referencia:
“Windows Library for JavaScript 1.0”, la cual también agregaremos.

3

Confirmemos que las referencias si fueron agregadas. El Explorado de Soluciones debe de ser similar a este:

4

Ahora lo que debemos de hacer es abrir nuestro archivo “default.html” y dentro de la etiqueta de
<head>  después de las referencias de JavaScript de “default.css y default.js”, agregamos la referencia “ads.js”

5

En el mismo archivo, procederemos a modificar la etiqueta de <body> agregando las siguientes líneas:

6

El “ApplicationId” y el “AdUnitId” son únicos para cada aplicación, estos se deben de cambiar en cada aplicación que se desee poner publicidad.

Si no saben cómo conseguirlos solo entren a esta página.
https://pubcenter.microsoft.com 

Nuestro archivo ya completo queda de la siguiente manera:

7

Ahora solo guardamos y compilamos para ver el resultado:

8

Si quieren descargar el código de este ejemplo se encuentra aquí.
O si tienen alguna duda sobre el proceso en el PubCenter no duden preguntármelo.

Hasta la próxima!

Deja una respuesta

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. Salir /  Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Salir /  Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Salir /  Cambiar )

Conectando a %s