Web API tile with Pingdom

This article covers how to use the Web API tile to display live API data from Pingdom on a dashboard or perspective.

SquaredUp DS uses the Pingdom account that you configure, and queries will be updated as the page updates, by default every minute.

If you need more information about using the Web API tile in general see How to use the Web API tile

This article covers:

  1. Adding a Pingdom provider in SquaredUp DS
  2. Walkthrough: Adding a Web API Grid tile to a dashboard to show Pingdom checks
  3. Walkthrough: Adding a Web API Scalar tile to a dashboard to show response time
  4. Walkthrough: Adding a Web API Donut tile to show a status count
  5. Walkthrough: Adding a Web API Bar Graph tile to show last response time
  6. Walkthrough: Adding a Web API Line Graph tile to show the average response time
  7. Walkthrough: Adding a Web Status tile for Pingdom checks

Hints and Tips

You may also be interested in watching our webinar - "Integrating with Splunk, New Relic, Solarwinds and more" (38 mins) which demos different methods, or jump to the part about Pingdom.

Prerequisites

  • The SquaredUp server must have access to your Pingdom instance, since it is the server that connects to Pingdom, and not your users' browser.
  • If you use a proxy server you may need to configure the proxy to allow the SquaredUp server to communicate with Pingdom (How to configure SquaredUp DS to use a proxy).
  • A Pingdom instance. You may need some help from a Pingdom admin to get an account with the correct privileges.

Adding a Pingdom provider in SquaredUp DS

Adding a Pingdom provider is a one-time configuration task, and once you have a Pingdom provider configured you can use it with multiple tiles.

How to add a Pingdom provider

Walkthrough: Adding a Web API Grid tile to a dashboard to show Pingdom checks

It is important to use http get mode and to set the key path in the response data section to checks.

  1. On the top navigation bar in SquaredUp DS click the + to create a new dashboard, and give your dashboard a title.
  2. Click on Integrations > Web API.
  3. Select Web API (Grid).
  4. In the provider section select the Pingdom provider that you created earlier.
  5. In the http mode section leave the http method set to get.
  6. Type checks in the box after the URL. The URL shown here is that specified when you created the Pingdom provider.
  7. Leave the headers & data section as it is.
  8. In the response data section, type checks into the box.
  9. Click next to move to the grid columns section.
    Here we are going to use the grid designer make the data more meaningful. For more information see How to use the Grid Designer.
  10. Click hide next to some of the columns you might not wish to show, e.g. id, created, resolution, ipv6, verify_certifcate.
  11. You may like to rename the columns to make them more readable, e.g. name to Check Name, lasttesttime to Last Test, lastresponsetime to Response (ms), status to Status, hostname to URL, type to Type, lasterrortime to Last Error.
  12. The time values are currently shown in UNIX time format. Click edit next to Last Test and paste the following in to the custom template box:
    {{timeago(value*1000)}}
    This shows how long ago the event occurred.

  13. Repeat the above step for Last Error.
  14. Leave the grid options section as it is.
  15. You may wish to change the order the columns by dragging them into position.
  16. Click done.

Walkthrough: Adding a Web API Scalar tile to a dashboard to show response time

  1. Click on the Web API tile.
  2. Select Web API (Scalar).
  3. In the provider section select the Pingdom provider that you created earlier.
  4. In the http mode section leave the http method set to get.
  5. In the box following the URL you need to type checks/<check id> where <check id> is the number shown in the URL when you browse to that check in Pingdom.


  6. In the response data section, type check.lastresponsetime into the key path box.
  7. Click next to move to the scalar section.
  8. In the unit box type ms for milliseconds.
  9. Click done.

Walkthrough: Adding a Web API Donut tile to show a status count


  1. Click on the Web API tile.
  2. Select Web API (Donut).
  3. In the provider section select the Pingdom provider.
  4. In the http mode section leave the http method set to get.
  5. In the box following the URL you need to type checks/ .
  6. In the response data section, type checks into the key path box.
  7. In the data mapping section click on count under data aggregation:
  8. In the grouping box either type {{status}} or select status from the drop down list:
  9. Adjust the display section as you require, for example you may like to change the color palette to health1:
  10. Click done.

Walkthrough: Adding a Web API Bar Graph tile to show last response time

  1. Click on the Web API tile.
  2. Select Web API (Bar graph).
  3. Leave the scope section blank for this walkthrough.
  4. In the provider section select your Pingdom provider.
  5. In the http mode section leave the http method set to get.
  6. In the box following the URL you need to type checks/ .
  7. In the response data section, type checks into the key path box.
  8. In the data mapping section click on sum under data aggregation:
  9. In the grouping box either type {{name}} or select name from the drop down list:
  10. In the metrics box either type {{lastresponsetime}} or select lastresponsetime from the drop down list:
  11. In data range select fit to data (from zero):
  12. The sort section allows you to configure how the values are sorted and how many are shown:
  13. Label can be left as auto.
  14. Color allows you to turn off multiple colors.
  15. Click done.

Walkthrough: Adding a Web API Line Graph tile to show the average response time

  1. Click on the Web API tile.
  2. Select Web API (Line graph).
  3. Leave the scope section blank for this walkthrough.
  4. In the provider section select your Pingdom provider.
  5. In the http mode section leave the http method set to get.
  6. In the box following the URL you need to type summary.performance/<check id> where <check id> is the number shown in the URL when you browse to that check in Pingdom:

  7. You can use the data section of headers and data to configure the data period. 604800 is 7 days in seconds.
  8. In the response data section, type summary.hours into the key path box.
  9. In the data mapping section type {{starttime*1000}} into the timestamp box, to convert seconds to milliseconds:
  10. In the metrics box either type {{avgresponse}} or select avgresponse from the drop down list:
  11. In data range select fit to data (from zero):
  12. Click done.

Walkthrough: Adding a Web Status tile for Pingdom checks

  1. Click on the Web API tile.
  2. Select one of the Web API Status tiles, either Web API (Status - Icons) or Web API (Status - Blocks). They are both configured in the same way, so this walkthrough will work for either.
  3. In the provider section select your Pingdom provider.
  4. In the http mode section leave the http method set to get.
  5. In the box following the URL you need to type checks/ .
  6. In the response data section, type checks into the key path box.
  7. The data mapping section is where you map a state property to the Healthy, Critical and/or Warning states. Under 1. State property click on the mustache helper butter to open the dropdown list, and scroll down to click on the status property:
  8. In the 2. State mapping section type up next to Healthy, and type down next to Critical. This means that checks where the status is up will be shown with either a green icon or a green block, and checks where the status is down will be shown with either a red icon or a red block:

  9. Tick the box for Hide tiles where the state is unknown, so that checks which are neither up nor down do not show as gray:
  10. In link options you can optionally use the URL of your Pingdom instance followed by {{id}} so that users with a Pingdom login, can click on an icon to be taken to that check in Pingdom:
    https://my.pingdom.com/app/reports/uptime#check={{id}}
  11. The sort section allows you to configure how the values are sorted and grouped. You may like to click group by, and healthstate and descending.
  12. You can also toggle between list, column and tile views using the toggle zoom button at the top right of the tile:
  13. Label and sublabel sections can be left as they are.
  14. Click done.

Was this article helpful?


Have more questions or facing an issue?