Cómo probar un tag HTML

El mundo de los third party tags / HTML tags es un mundo hóstil, lo cual lleva a que las plataformas donde los subimos quieran probarlos antes de permitir que corran en su inventario, para poder ver qué anuncios van a mostrar.

El problema aparece, cuando se desconoce cómo hacer para probar un tag y mas de una vez llega el reclamo de “este tag no funciona” cuando en verdad se lo está probando erróneamente.

El atajo: ¿cómo testearlos correctamente?

Lo mas sencillo, es utilizar una herramienta como Easy Tag, donde podamos pegar el tag, sea iframe, javascript o cualquier otro tag de HTML y hacer que se imprima en un sitio web, mejor aún si podemos probarlo sobre http, como https. En la mayoría de los casos, el tag debiera funcionar de ambas maneras.

Screen Shot 2017-03-27 at 1.32.53 PM

En detalle: ¿por qué suele fallar la prueba?

Si te interesa saber por qué muchas veces falla una prueba, en el 80% de los casos es por lo siguiente.

Cómo vimos al entender las URLs, toda URL tiene en su primer tramo un protocolo (http, https, file, ftp, etc). Ahora, es habitual que los tags, para adaptarse a inventario http y https, escriban el llamado a la URL de la siguiente manera: //adserver.com/path. Lo que esto hace es heredar el protocolo del documento que está haciendo el llamado. Y si se dispara este tag, en un archivo ubicado en una computadora, el protocolo será file:// y el navegador, al intentar llamar a file://adserver.com, claramente fallará y no se mostrarán anuncios.

En el 20% restante, es porque la persona probando el tag, tiene instalado un ad-blocker en su navegador y lo olvidó, claramente el ad no mostrará anuncios en este caso.

De macros

El uso de macros es algo que en algunas personas genera nervios como si se hablase de algo incontrolable, ¡hasta esotérico! Cuando en verdad, no puede ser mas sencillo.

Supongamos que construímos nuestro propio adserver, o DSP. No va a pasar mucho tiempo, hasta que nuestros clientes nos vengan con este pedido:

Necesito una manera de poder enviar en el click URL el ID de sitio donde apareció el anuncio.

Hay, que se me ocurran, dos maneras de hacer esto.

  1. Creamos un Campaign por cada posible ID de sitio que haya en la red y escribimos manualmente el ID de cada sitio en el click URL (solo un loco, o alguien con una red muy pequeña, haría esto)
  2. Le damos la capacidad a nuestra plataforma de que reemplace al momento de la impresión un código por el ID del sitio donde se sirvió el anuncio

La opción #2, es lo que conocemos como macro, ni mas, ni menos que eso, y nos quedará algo similar a lo siguiente.

http://example.go2cloud.org/click/1234?site_id={{site_id}}

Depende la plataforma, al momento de servirse el anuncio o de clickear el usuario, se buscarán todos los macros reconocidos y se los reemplazará por los valores de entorno de donde apareció el anuncio. Suponiendo que el anuncio apareció en el sitio 17809, cuando el usuario clickee sobre el anuncio, será redirigido a:

http://example.go2cloud.org/click/1234?site_id=17809

Formatos de macros

Los macros siempre están muy bien documentados en todas las plataformas, estos son los ejemplos mas populares:

Los típicos formatos de macros son [SITE_ID], ${site_id}, {{site_id}}, etc.

¿Por qué esos corchetes y caracteres raros? – Justamente, porque son raros. Recordemos que nuestra plataforma va a buscar y reemplazar estos códigos por un valor. Si fuesen palabras comunes, sería probable que la reemplace en lugares incorrectos y rompa así la URL de click.

One more thing.

Es importante diferenciar un placeholder de un macro. Cuando un anunciante nos envía un click URL, probablemente sea algo similar a esto:

http://example.go2cloud.org/click/1234?site_id=[YOUR_SITE_ID]

En este ejemplo, [YOUR_SITE_ID], es un indicador, un placeholder, que nos indica dónde debemos incluir el macro de nuestra plataforma que indique nuestro site ID. Esto es porque cada plataforma tiene sus propios macros, y el deber del anunciante es indicarnos dónde incluirlo. Nosotros deberemos colocarlo donde él nos indique.

¿Macros en tags?

Si bien en todos los ejemplos, por simplicidad, utilicé URLs para insertar macros, los macros pueden utilizarse tanto en URLs como en tags, su función será la misma, ejemplo tomado de la documentación de DFP, donde %%ADUNIT%% es el macro utilizado.

document.write('%%ADUNIT%%">');

Lo cual, al momento de servirse la impresión, será reemplazado por lo siguiente.

document.write('/1234/site/section"/scr'+'ipt>');

Lo importante de todo esto, es no temerle a los macros. Y ante la duda, leer la documentación de la plataforma sobre la que estamos trabajando.