Bring live MapAlerter alerts to your site

River levels, flood and weather warnings, and council alerts — embedded directly in your articles and kept up to date automatically, the way a tweet or Instagram post embeds today. Designed for news agencies and websites to display live river levels and storm content.

1 Get your site approved

Getting started is quick and easy. Once your domain is approved by our team, you're ready to start embedding live alerts on your site — a simple, one-time step, and you're all set. Get in touch and provide your domains or websites. We will do the rest.

2 Where to find embed codes

Once your site is approved, getting a code for any individual alert is simple: alert items on the MapAlerter website now include an "embed" option, much like a tweet or a YouTube video. Click the embed code, copy to clipboard, and paste it into your article — no separate login or account is required. You can find examples by searching on the Live River Sensor or Bathing Water Quality pages.

3 Embed code

Every embed is two lines: a placeholder and a script tag. It resizes itself to fit the content, only loads once a reader scrolls to it, and lets a reader tap the chart or map to view it enlarged.

<div class="mapalerter-embed" data-goid="a1b2c3d4e5f6..."></div>
<script async src="https://embed.mapalerter.ie/embed.js"></script>

If your website has a security setting called a Content Security Policy, your developer may need to add embed.mapalerter.ie to its script-src allowed list.

The script tag is required. It's what makes the card resize itself and lets a reader tap the chart or map to see it enlarged. Without this JS, the embed won't display. If you are embedding multiple posts on the same page then you only need to embed the JS once.

4 Sample items

These are real, live alerts, exactly as they'd appear once pasted into your own page. They appear full width or stacked, depending on the available space.

Example 1

This is a live example — the embed would appear on your article or feed in the same way.

Example 2

This is a live example — the embed would appear on your article or feed in the same way.

Example 3

This is a live example — the embed would appear on your article or feed in the same way.

Example 4

This is a live example — the embed would appear on your article or feed in the same way.

Example 5

This is a live example — the embed would appear on your article or feed in the same way.

Example 6

This is a live example — the embed would appear on your article or feed in the same way.

5 How this differs from embedding a social post

It looks and behaves like a familiar social embed, but it's built specifically for live, location-based alerts. For example, river heights continually update on embeds so you do not have to add multiple embeds for the same topic during storms or periods heavy rainfall. Other interactive features include:

Interactive mapsReaders can see exactly where an alert applies, not just read about it.
Live chartsRiver-level and similar readings plot as a chart that updates on its own.
Two media items in one cardA map and a photo/graphic can appear side by side on the same alert, not one or the other.
Updates without a page reloadA card left open during a storm keeps showing the latest reading automatically.
Tap-to-enlarge for contextThe chart and map open in a full-screen view so a reader can study the detail without leaving your article.

6 Feedback

Something not working, or a change that would make this more useful for your newsroom? We'd like to hear it.