Widgets

Utilice estos widgets gratuitos de la Agencia de Protección Ambiental para mostrar información sobre la calidad del aire directamente en su propia página web. Agregue una simple línea de código usando los siguientes ejemplos a su página web y los widgets mostrarán los datos correctos para su ciudad y estado.

Los widgets permiten a su organización proporcionar datos de calidad del aire a las personas a las que desea llegar. Los niños y los ancianos son particularmente susceptibles a la contaminación del aire, que puede dañar sus pulmones y corazones. El Índice de Calidad del Aire ayuda a las personas a rastrear cuándo los niveles de contaminación del aire están en un rango insalubre para que puedan modificar sus actividades según sea necesario para proteger su salud.

Hay muchos tipos de widgets disponibles:

NOTA: los usuarios deben permitir las cookies de terceros para que los widgets funcionen en Chrome. Los widgets no funcionarán en absoluto en algunos sistemas gestionados de forma centralizada en los que las cookies de terceros están bloqueadas por completo.

Widget de Índice de Calidad del Aire

Ejemplo 1: para usar este widget, copie y pegue el siguiente código en su página web. Cambie los valores de dos letras de la ciudad y el estado para la ubicación deseada.

<iframe title="Ejemplo 1" height="340" width="230" src="https://widget.airnow.gov/aq-dial-widget/?city=Raleigh&state=NC&country=USA" style="border: none; radio-borde: 25px;" ></iframe>

Ejemplo 2: para usar este widget, copie y pegue el siguiente código en su página web. Cambie los valores de dos letras de la ciudad y el estado para la ubicación deseada. En este ejemplo, el parámetro "transparente" elimina el fondo azul.

<iframe title="Ejemplo 2" height="340" src="https://widget.airnow.gov/aq-dial-widget/?city=Raleigh&state=NC&country=USA&transparent=true" style="border: none; border-radius: 25px;" width="230"></iframe>

Ejemplo 3: para usar este widget, copie y pegue el siguiente código en su página web. Cambie los valores de dos letras de la ciudad y el estado para la ubicación deseada. Al cambiar el parámetro de altura, puede ocultar el nombre de la ubicación.

<iframe title="Ejemplo 3" height="230" src="https://widget.airnow.gov/aq-dial-widget/?city=Raleigh&state=NC&country=USA" style="border: none; border-radius: 25px;" width="230"></iframe>

Ejemplo 4: para usar este widget, copie y pegue el siguiente código en su página web. Cambie los valores de dos letras de la ciudad y el estado para la ubicación deseada. En este ejemplo, el parámetro "transparente" elimina el fondo azul. Al cambiar el parámetro de altura, puede ocultar el nombre de la ubicación.

<iframe title="Ejemplo 4" src="https://widget.airnow.gov/aq-dial-widget/?city=Raleigh&state=NC&country=USA&transparent=true" style="border: none; radio-borde: 25px;" ></iframe>

Ejemplo 5: para las ubicaciones del Departamento de Estado de AirNow, utilice los parámetros de latitud/longitud para la ubicación deseada.

<iframe title="Ejemplo 5" height="340" src="https://widget.airnow.gov/aq-dial-widget/?latitude=24.4243&longitude=54.4339" style="border: none; border-radius: 25px;" width="230"></iframe>

Widget de Índice de Calidad del Aire con Contaminante Primario

Ejemplo de contaminante primario: para usar este widget, copie y pegue el siguiente código en su página web. Cambie los valores de dos letras de la ciudad y el estado para la ubicación deseada. También está disponible el parámetro "transparente".

<iframe title="Ejemplo de contaminante primario" height="230" width="230" src="https://widget.airnow.gov/aq-dial-widget-primary-pollutant/?city=Raleigh&state=NC&country=USA" style="border: none; border-radius: 25px;" ></iframe>

Ejemplo de contaminante primario con clima: para usar este widget, copie y pegue el siguiente código en su página web. Cambie los valores de dos letras de la ciudad y el estado para la ubicación deseada. Este widget puede mostrar la temperatura, la distancia de visibilidad y la velocidad del viento en unidades métricas agregando el parámetro de unidades ("&units=metric").

<iframe title="Ejemplo de contaminante primario con clima" height="420" width="230" src="https://widget.airnow.gov/aq-dial-widget-pollutant-weather/index.html?city=Raleigh&state=NC&country=USA" style="border: none; border-radius: 25px;" ></iframe>

Widget de Tendencias del Índice de Calidad del Aire

Ejemplo de tendencias: para usar este widget, copie y pegue el siguiente código en su página web. Cambie los valores de dos letras de la ciudad y el estado para la ubicación deseada. La vista por día/semana/mes se puede cambiar a través del menú en la esquina inferior izquierda

<iframe title="Ejemplo de tendencia AQI" height="330" width="500" src="https://widget.airnow.gov/aq-trends-widget/?city=Raleigh&state=NC&country=USA" style="border: none; border-radius: 25px;" ></iframe>
 

Widget de índice de calidad del aire para señalización digital

Ejemplo de señalización digital: para usar este widget, copie y pegue esta URL en su software de señalización digital. Cambie los valores de dos letras de la ciudad y el estado para la ubicación deseada. También está disponible el parámetro "transparente".

Nota: este widget es un 300% más grande que el widget normal.

https://widget.airnow.gov/aq-dial-widget-signage/?city=Raleigh&state=NC&country=USA

Widget del Programa de Banderines sobre la Calidad del Aire

El widget del Programa de Banderines sobre la Calidad del Aire se puede instalar en la página principal de su ciudad, escuela u organización. El widget del Programa de banderines de calidad del aire tiene una imagen del banderín que debe izar para el pronóstico de calidad del aire del día de hoy. El widget se actualiza automáticamente, por lo que siempre sabrá qué color de banderín debe izar.

Con el widget del Programa de Banderines sobre la Calidad del Aire, usted puede:

  • Personalice el widget para que tenga el nombre de su ubicación u organización en la parte superior, para eso cambie el parámetro "n".
  • Utilice los parámetros city & state o z (para el código postal).
  • Haga clic en el pronóstico de mañana para ver qué banderín debe izar mañana.
  • Haga clic en Calidad del aire actual para ver la última lectura de la calidad del aire por hora.
  • Controle si es un buen día para salir: haga clic en Guía de actividades.

Ejemplo de código postal del widget del programa de banderines: para usar este widget, copie y pegue el siguiente código en su página web. En este ejemplo, el parámetro "z" determina la ubicación.

<iframe title="Ejemplo de código postal del widget del programa de banderines" height="380" src="https://widget.airnow.gov/aq-flag-widget/?z=27713&n=Durham,%20NC" style="background-color: white;" width="230"></iframe>

Advertencia: este widget cambiará de altura en función de la cantidad de contaminantes disponibles en ese momento.

Ejemplo de ciudad, estado y condado del widget del programa de banderines: para utilizar este widget, copie y pegue el siguiente código en su página web. En este ejemplo, los parámetros "city", "state" y "country" determinan la ubicación.

<iframe title="Ejemplo de ciudad, estado y condado del widget del Programa de banderines" height="380" src="https://widget.airnow.gov/aq-flag-widget/?city=Dallas&state=TX&country=USA&n=Dallas,%20TX" style="background-color: white;" width="230"></iframe>

Advertencia: este widget cambiará de altura en función de la cantidad de contaminantes disponibles en ese momento.