Blue Triangle Help Center
Auto Light Dark
Blue Triangle Help Center
Auto Light Dark
Breadcrumbs

Blue Triangle Overview

Blue Triangle shows you exactly which pages on your site matter most to your revenue — and gives you the tools to do something about it. Think of the Portal as your control center: real-time dashboards tell you what's happening right now, deeper analysis tools help you understand why, and built-in AI features help you get answers faster.

This guide walks through everything available in the Blue Triangle Portal, organized by what you're trying to do. Use it as a map — skim the headings, then click into whichever section matches what you need today.

Real User Monitoring

Real User Monitoring (RUM) tracks what's actually happening for the people visiting your site right now — not a simulation, the real thing.

  • Site Overview Dashboard — Your home base. This is the first thing you'll see when you log in, and it gives you a real-time read on revenue and page speed across your whole site.

  • Revenue Opportunity — Shows you your highest-traffic pages and how much extra revenue you'd capture by making them faster. Some pages will show a strong link between speed and revenue; others won't. That's useful information — it tells you where to spend your time and where not to bother.

  • Marketing Insights — Tools for understanding your campaigns and the paths customers take through your site.

    • Marketing Overview — A high-level look at how your top campaigns are performing: conversions, revenue, bounce rate, exit rate, page speed, and more.

    • Customer Journey Analysis — Breaks down the paths customers actually take on your site, and which of those paths drive the most revenue.

  • Real User Performance Detail — Start with high-level trends at the top of the page, then work your way down into scatter plots of individual sessions and page views. Click any point in the scatter plot to open a full breakdown of that single page view — performance metrics, the domain and object-level waterfall, all of it.

VitalScope: find out exactly what's slowing a page down

Core Web Vitals (LCP, CLS, INP) tell you that a page is slow — VitalScope tells you why. It's built into the Real User Performance Detail page and breaks each metric down into its root cause, so you're not left guessing:

  • LCP (Largest Contentful Paint) — See exactly which element was the largest paint, and how much of the delay came from time-to-first-byte, resource load delay, or resource load time.

  • CLS (Cumulative Layout Shift) — Identifies the specific element responsible for your largest layout shift.

  • INP (Interaction to Next Paint) — Shows the exact element and event type that caused a slow interaction, broken into input delay, processing time, and presentation delay.

  • LoAF (Long Animation Frames) — Points to the specific script and source file behind long-running frames.

Instead of handing your engineers a metric, VitalScope hands them a starting point: the element, the selector, and the script responsible.

Synthetic Monitoring

Synthetic monitoring runs scripted tests against your site on a schedule, so you catch problems before real visitors do.

Getting started: Set up your monitors on the Synthetic Monitors page. Before you do, whitelist our synthetic agent IP addresses — skipping this step is the most common cause of 403 errors.

Helpful setup guides:

Once your monitors are live, expect to see data in the Portal within 1–2 hours.

For a real-time view:

  • Synthetic Site Health Dashboard — An availability trend, a live scatter plot, and the latest screenshot of your site. Click any scatter plot point to drill into that specific test.

  • Synthetic Performance Overview — Status for each of your active monitors, with a performance and availability trend for each. Click a monitor to go deeper.

For historical analysis:

  • Synthetic Performance Detail — The best page for investigating performance or availability issues over time, with trend graphs and a drill-down scatter plot.

  • Test Results — A simple, sortable table of every synthetic test you've run. Click any row for the full run details.

Aggregate Waterfall

The Performance Detail pages show you object and domain-level detail for one page load at a time. Aggregate Waterfall shows you that same detail rolled up across many page loads, so you can spot patterns instead of one-off issues. There's a version for both RUM and Synthetic data:

Data Science

The Data Science Insights page is a flexible graph builder — a few clicks gets you a custom chart, and you can compare data sets side by side to dig into what's really going on.

Tag & Content Governance

This is your home for managing and analyzing first- and third-party content on your site.

Services & CSP Management

Build, deploy, and monitor a Content Security Policy (CSP) for your site — inventory and approve or reject domains, build a whitelist, and get alerted on violations.

Custom Dashboards

You'll have pre-built dashboards ready the moment you log in. Want something tailored to your team? Build your own with the dashboard manager and drop in the widgets you care about. See How to Create Custom Dashboards, or watch the training session Dashboarding 101: How to Build Robust Dashboards Inside Blue Triangle.

Alerts

Set up alerts once, and let Blue Triangle tell you when something needs attention — no need to go looking for it. Alerts can go out by email, Slack, or SMS, with custom graphs and text included. See How to Create and Manage Alerts to get started.

There are two categories to know:

  • Alerts

    • Standard, rules-based alerts

    • Synthetic error state tracking notifications

    • Missing services alerts

  • Notifications

    • System-generated issues

    • Approved domain whitelist violations

    • Content Security Policy (CSP) violations

    • Recent third-party code changes

    • SSL certificate expirations

Notifications can be turned on or off from your profile.

AI Summary

Look for the star icon in the top toolbar on any Portal page — it's your shortcut to instant answers without digging through charts yourself.

  • Page summaries — Click it and get a plain-language summary of whatever data is on your screen. No more scanning a dozen widgets to figure out what changed.

  • Ask a question — Use the built-in chat to ask about the data on that page directly and get an answer back immediately.

It's available on every page in the Portal, so it's worth keeping in the back of your mind any time you land somewhere new and want the fast version first.

Blue Triangle MCP: connect your own AI tools to your data

If your team already uses an AI assistant like Claude or Cursor, the Blue Triangle MCP (Model Context Protocol) Server lets that assistant query your performance data directly — in plain language, without you writing a single line of API code.

What it's good for:

  • Asking your AI assistant questions like "what's our LCP trend on the checkout page this week?" and getting a real answer pulled from your live data

  • Automating recurring analysis instead of pulling the same report by hand every week

  • Feeding Blue Triangle data — including VitalScope root-cause metrics — straight into whatever workflow your team already has built around AI

What you'll need:

  • An MCP-compatible AI client (Claude, Cursor, or similar)

  • A Blue Triangle account with API access

  • Your API credentials — Site Tag Prefix, API Key, and API Email

Setup takes just a few minutes: point your MCP client at https://mcp.bluetriangle.com/mcp with your credentials in the request headers, and you're ready to start asking questions.

Reports

Set up automated reports that land straight in your inbox — choose what you want to see and how often. See How to Create a Report to get started.

Logs

With this much going on, it helps to have a paper trail. Here's where to find the activity logs for everything from alerts to synthetic monitor changes:

Additional Resources