Skip to main content
All CollectionsGPS TrackingGPS Tracking FAQ
How to embed my GPS tracking page in my blog or website
How to embed my GPS tracking page in my blog or website

How to embed your GPS tracking page into your website or blog

Matt Crockett avatar
Written by Matt Crockett
Updated over 6 months ago

To embed your GPS tracking page in your webpage or blog like this, please see the Codepen example at http://codepen.io/anon/pen/BoPbXp for a few options to embed a GPS-tracking iframe:

  • A simple iframe embed.

  • A styled iframe with no border or specific sizes. Adjust the width or height settings of the code to suit your needs.

  • A responsive iframe which will scale up and down for mobile/desktop dynamically.

Please update the link in the example code to your GPS tracking page e.g. http://forecast.predictwind.com/tracking/display/**YourTrackingPageNameHere**

WordPress - Alternative code

If the Codepen examples don't work for you, please try this code:

<iframe class="resp-iframe" src="https://forecast.predictwind.com/tracking/display/**YourBoatNameHere**" gesture="media" allow="encrypted-media" allowfullscreen style="position: absolute;top: 0;left: 0;width: 100%;min-height: 480px;max-height: 820px;border: 0;height: 70vw;"></iframe>

Blogspot - Alternative

If the Codepen examples don't work for you, please try this code:

<iframe width="300" height="300" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="INSERT YOUR TRACKING LINK HERE"></iframe>


Did this answer your question?