HTML5, Microsoft, Windows 8

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!

Anuncios

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