Desarrollo front-end · Integración publicitaria

Integración de anuncios web con JavaScript y TypeScript en Stitchers.Space

Scripts publicitarios en JavaScript y TypeScript, posicionados mediante selectores CSS y verificados con QA.

Rol
JavaScript Developer
Período en Stitchers.Space
2024
Tecnologías
JavaScript · TypeScript · Chrome DevTools · Selectores CSS

Por Caso publicado:

En Stitchers.Space desarrollé e inserté scripts publicitarios en sitios de alto valor publicitario, como Cuevana. Utilicé las herramientas de desarrollo del navegador para analizar el HTML y localizar, mediante selectores CSS, los elementos donde debían aparecer los anuncios. Desarrollé los scripts con JavaScript y TypeScript y realicé QA para comprobar que los anuncios estuvieran colocados correctamente.

Problema

El trabajo requería identificar dentro del HTML de cada sitio las posiciones destinadas a los anuncios. Los scripts debían insertar la publicidad en esos elementos, y cada integración necesitaba una revisión para confirmar su ubicación.

Solución

Analicé el HTML y el DOM con DevTools, identifiqué las posiciones mediante selectores CSS e inserté los scripts desarrollados con JavaScript y TypeScript. Después revisé los anuncios para comprobar que aparecieran en los lugares previstos.

Analicé el HTML y el DOM con DevTools, identifiqué las posiciones mediante selectores CSS e inserté los scripts desarrollados con JavaScript y TypeScript. Después revisé los anuncios para comprobar que aparecieran en los lugares previstos.

  1. DevTools

    Analizar la estructura HTML

  2. Selectores CSS

    Elegir la posición del anuncio

  3. Scripts JS y TS

    Insertar los scripts publicitarios

  4. QA de anuncios

    Comprobar la ubicación de los anuncios

Trabajo realizado

Inspección del HTML, inserción de scripts y QA.

  1. Análisis con DevTools

    Utilicé las herramientas de desarrollo del navegador para inspeccionar el HTML y localizar los elementos donde debían insertarse los anuncios.

  2. Posiciones mediante selectores CSS

    Identifiqué los elementos del DOM con selectores CSS para dirigir la inserción de los scripts a las posiciones correctas.

  3. Scripts en JavaScript y TypeScript

    Desarrollé e integré los scripts publicitarios en JavaScript y TypeScript, adaptando la inserción a los elementos identificados en cada sitio.

  4. QA de los anuncios

    Comprobé la colocación de los anuncios después de insertar los scripts para verificar que aparecieran en las posiciones previstas.

Resultados

Scripts integrados y ubicaciones verificadas.

Integración en sitios web

Inserté scripts publicitarios en sitios de alto valor publicitario, con Cuevana como uno de los ejemplos del trabajo realizado.

Inserción basada en selectores

Las posiciones de inserción se definían a partir de los elementos identificados en el HTML de cada sitio.

Colocación revisada con QA

Cada integración se revisaba para comprobar que los anuncios estuvieran bien colocados.

Habilidades aplicadas

  • JavaScript
  • TypeScript
  • Chrome DevTools
  • Análisis del DOM
  • Selectores CSS
  • Integración de anuncios web
  • QA de anuncios