In this example we will embed an interactive HTML page located in a Google S3 bucket into a TrendMiner Dashboard tile. 

1. Get Your HTML File Ready:

Make sure the HTML file (example.html) is self-contained:

• Don’t use any server-side code like PHP

• Keep all JavaScript and CSS either inline or linked via relative paths (no external dependencies that require a web server)

2. Upload to a Google Cloud Storage Bucket:

You can do this directly in the Google Cloud Console:

• Choose an existing bucket or create a new one

• Upload your example.html file

3. Make the File Public (for testing or sharing):

Once uploaded:

• Click the bucket

• Go to the Permissions tab

• Click “Add principal”

• Add AllUsers as principal

• Apply the Environment and Storage Object Viewer role

• Save

• Important to note here is that this will make the dynamic HTML available to anyone. For sensitive data, a more secure solution should be used. You can for example host the dynamic HTML on an internal server only accessible through the local network.

4. Grab the Public URL:

Once permissions are set, your file will be available at a URL like:

https://storage.googleapis.com/oBUCKET_NAME]/index.html

5. Allow External Content in ConfigHub:

To make sure TrendMiner allows the content to load:

• Add https://storage.googleapis.com to the list of external content URLs in ConfigHub

• You can find the instructions here:
  DashHub – External Content Setup

5. Create a new external content tile in DashHub:

• Create a new tile in DashHub and choose the ‘external content’ option.

• Paste the previously generated public URL in the External URL field of this tile:

           https://storage.googleapis.com/tBUCKET_NAME]/index.html

• You can now see the dynamic HTML tile showing up in the dashboard.