Volcano Alert Banner Service

This service monitors USGS volcano data and displays a banner when watched volcanoes reach configurable alert levels.

Available endpoints:

• /volcano-banner.iife.js: The banner JavaScript to include in your site
• /banner-code: HTML snippet to add to your WordPress site

Configuration options:

You can customize the banner by adding query parameters to the /volcano-banner.iife.js URL:

• minAlertLevel: Minimum alert level to display (GREEN, YELLOW, ORANGE, RED)
• customMessage: Custom message to display in the banner
• messageDisplay: When to show custom message ("always", "only_with_alert", or "never")

Example:

Testing:

Via URL parameters:

• /volcano-banner.iife.js?test=green
• /volcano-banner.iife.js?test=yellow
• /volcano-banner.iife.js?test=orange
• /volcano-banner.iife.js?test=red

Via Console (recommended method):

            testVolcanoBanner('RED');
            testVolcanoBanner('YELLOW');
            testVolcanoBanner('FORCE_GREEN');
            testVolcanoBanner('RED', {
            minAlertLevel: "YELLOW",
            customMessage: "Custom test message",
            messageDisplay: "always"
            });
            window.playwrightTestMode = true;
            testVolcanoBanner('RED');
        

Embed the banner:

<script async src="${url.origin}/volcano-banner.iife.js"></script>

With config:

            <script>
            window.volcanoAlertConfig = {
            minAlertLevel: "YELLOW",
            customMessage: "Stay informed about volcanic activity",
            messageDisplay: "always"
            };
            </script>
            <script async src="${url.origin}/volcano-banner.iife.js"></script>