📦 JavaScript SDK Example

This example demonstrates the official Where Next Connectâ„¢ JavaScript SDK.

What this example shows

This page loads the SDK from sdk.wherenext.dev and registers a fictional attraction using WhereNextConnect.place().

The SDK then generates wherenext:* metadata tags in the page DOM and exposes the generated data for inspection.

Current app compatibility

The current Where Next app importer reads metadata from the original HTML source. Because this SDK example creates tags after JavaScript runs, it is mainly a JavaScript SDK demonstration.

For app-compatible imports today, use the Static HTML Meta Tags example.

Demo attraction

Generated metadata

This output is generated live using WhereNextConnect.generate().

Loading generated metadata...

DOM metadata tags

These are the wherenext:* meta tags currently present in the page after the SDK has run.

Loading DOM tags...

SDK test

Open your browser console and run:

WhereNextConnect.getData()

or:

document.querySelectorAll('meta[name^="wherenext:"]').length
Open Validator → Back to Examples