Añadir Annonymous Ads en Jekyll

Siguiendo la línea de las publicaciones sobre el generador de páginas web estáticas Jekyll , este post trata sobre cómo añadir y configurar la opción de monetización de Annonymous Ads.

¿Qué es Annonymous Ads?

Annonymous Ads es una página web que provee de distintas opciones para la monetización, tanto en webs como en aplicaciones. Se podría decir que es un servicio similar a AdSense (de Google), pero con algunas diferencias:

  1. No recopila ninguna información sobre los clientes que acceden a las webs, al contrario que AdSense, que recoge información masivamente (como cualquier otro producto de Google).
  2. Los pagos a los desarrolladores los hacen en Bitcoins (BTC) en vez de en dólares americanos. Esto puede ser una ventaja o un inconveniente dado que la cotización del Bitcoin fluctúa bastante (a fecha de la redacción de este artículo 1 BTC = 8363 EUR).

 Crear una unidad de anuncios

Antes de añadir nada de código a nuestra página, debemos crear una unidad de anuncios en la página web de Annonymous Ads. Se pueden crear anuncios sin tener una cuenta en esta página, pero es más cómodo registrarse para tener todas nuestras unidades juntas.

Después de haber creado la cuenta, vamos a la pestaña *Earn* para crear la unidad de anuncios:

Tipo

En la primera parte nos piden el tamaño en el cual se va a mostrar nuestro anuncio. En este campo se puede personalizar a nuestro gusto, una buena medida para un banner común puede ser 320×50, donde todas las unidades están en píxeles.

También nos piden añadir la página donde se va a mostrar.

 

Contenido

Ahora nos permite seleccionar los tipos de anuncios que no queremos mostrar en nuestra web, cuantos más seleccionemos, menos cobramos ya que ponemos más restricciones.

Información de pago

Si hemos iniciado sesión, podemos optar por guardar el dinero generado en nuestra cuenta o bien añadir un monedero bitcoin para que nos llegue allí el importe. Si no hemos iniciado sesión solo podemos optar por la segunda opción.

Añadir los anuncios a la web

Acto seguido, la página nos devuelve un código HTML para insertar ese archivo en nuestra web en forma de `iframe`. Copiamos ese código y lo añadimos a un nuevo documento HTML, dentro de la carpeta `_includes` de nuestro proyecto de Jekyll. Por ejemplo a este archivo lo llamamos `ads.html` y dentro de él pegamos el código del anuncio.

Consejo

Se puede añadir una etiqueta HTML antes del `iframe` llamada `center` para centrar dicho anuncio en nuestra web. Esto es útil para los banners que sean horizontales y queramos que se vean de la siguiente forma:

Luego es necesario cerrar dicha etiqueta `center`. Para más información sobre `center` podéis consultar la documentación en este [link](https://www.w3schools.com/tags/tag_center.asp). En ciertas versiones esta etiqueta **no está soportada**.

Después de haber añadido dicho HTML, es necesario incluirlo en la parte de la página que queramos. Este se puede añadir (lógicamente) más de una vez en la misma página y varias veces también en las distintas plantillas.

Para hacer esto, basta con abrir el archivo MarkDown (.md) de nuestro página donde queramos implementar la publicidad y añadir la siguiente línea:

`{% include ads.html %}`

Nota

También es posible añadirlo a archivos HTML de la misma forma.

Se pueden crear distintas unidades de anuncios de distintos tamaños y contenido. Para ello basta con repetir el proceso de crear HTML (con distinto nombre cada uno) e incluirlo de la forma descrita anteriormente.

 Conclusión

Annonymous Ads son una buena alternativa a AdSense, teniendo un mínimo más bajo antes del pago aunque con menos variedad de anuncios. Además tienen un compromiso con la privacidad de los clientes que acceden a la página web y menos restricciones que la solución de Google.

El redactor de este post es David Población Criado, estudiante de Ingeniería Informática y Estadística en la Universidad de Valladolid.

CC-BY David Población Criado

To write a comment on this article, fill out the form below. Fields marked with an asterisk (*) are required.