Loading...
 

Overview reports on web site

Overview reports on web site

The Harbour Master (HBM) overview reports provides live reports about expected vessels, arrival and departures. Using the HBM plug-ins these reports can be easily integrated on your public web site, or other web sites.

The reports can be integrated in 2 ways

  • HTML plugins. Requires some technical skills. Gives you full control over the look and feel of the report. Provides the means for a seamless integration.
  • IFrame plugins. Copy, Paste & Go. Extremely simple to use. No control over the styling.

The listings below and in the sample pages are live listing from our UK demo harbour.

Behind each vessel in the reports, there is an image logo.png with a link to https://www.myport.link, which provides live information and services related to the harbour. The link is only enabled, if the harbour has activated it.

Latest Arrivals : 2026-07-28 11:45:38
Vessel Area Entry Stop
SCANBIO EMBLA Kai 33 28  08:50 28  08:51
THEMIS Kai 23 28  05:53 28  05:54
BALTIC ECLIPSE Kai 22 Maurholen 27  21:55 27  22:03
LOS 128 Kai 7SK 27  22:02 27  22:02
HARGO 1DS 27  12:37 27  12:39
KRISTIAN G. JEBSEN Kai 39 27  12:06 27  12:06
RADEK Kai 10FE 27  08:20 27  08:21
FRIDA AMALIE Kai 39 27  05:41 27  05:43
ICE Kai 12 26  14:37 26  14:39
NORDAN Kai 33 26  10:14 26  10:15
With some custom look. Refresh page to update

HTML plug-ins

The Harbour Master (HBM) HTML plugins provides simple integration of HBM's overview reports in any, public web site.
Pull the HTML directly from the HBM server, and shape the look to make it fit into your existing page.

The integration gives the target site, full control over the look and feel of the plugins, using CSS. Technical knowledge, such as updating server files and editing CSS, is needed to complete the integration. With sufficient knowledge, be up and running in minutes.

Data loading should be done using a server side language, such as PHP. This avoids exposure of the static access token and server URL..

You will need

  • Publication data URLs from HBM
  • Web server access
  • Server side script language, e.g. PHP
PHP code
echo file_get_contents('https://m4.hbm.today/hbm-latest_arrivals.php?TOKEN=6bd6651a5ea0e3fd50082ea79c18c4f6&user=pubdemo');

You need to replace the URL with your own.

See Harbour Master (HBM) - HTML-plugins for more. 

 Developer tip: Handle web-server downtime

The HTML plugin is well suited for customization. The customization will be done on the web site publishing the content. The HBM Web server provides the raw content. The implementation must be capable of trapping errors when the HBM server cannot be reached. Errors must be trapped to avoid a web page load error. The user should be able to keep on navigating the site after such an error.

IFrame plug-ins

With the IFrame plugin, all you have to to is to copy and paste the HTML, alter the URL and use the report. Up and running in no time. The drawback is that the report always uses the default styling, and you cannot change it.

HTML
<iframe  name="Latest Arrivals" width="550px" height="350px" frameborder="0"
src="https://m4.hbm.today/hbm-latest_arrivals.php?css=y&TOKEN=d6f61d64ee7e2a77ca1d5db5202c6bc1&user=pubdemo">
</iframe>

You need to replace the URL with your own.

See Harbour Master (HBM) - IFrame-plugins for more.