Integration des Ausstellerverzeichnisses in die Messe-Website

Einbindung per Widget

Am einfachsten lässt sich das Ausstellerverzeichnis über das Widget einbinden. Den Widgetkonfigurator finden Sie hier:

data-attributes steuern die Einbindung des Widgets

in profairs stehen mehrere data-attributes zur Verfügung, um die Einbindung in die Website zu erleichtern:

Hash Routing aktivieren

Hash-Routing ermöglicht es, clientseitige Routing-Funktionalität in Webanwendungen zu implementieren. Damit kann das Widget seine eigene Routing-Logik haben, ohne dass dadurch die Haupt-URL beeinflusst wird.
data-hash-routing="true"

Scroll-Position beim Wechseln der Seiten merken

Das widget managed selbstständig die Scrollposition: Navigiert der User zur Detailansicht, wird das Fenster hochgescrollt. Die ScrollPosition der Listenansicht wird gespeichert und wiederhergestellt, sobald der User zurücknavigiert.
data-save-scroll-position="true"

Ein Beispiel zur Einbindung könnte so aussehen:

<div data-id="exhibitor" data-organizer="sandbox" data-fair-id="3" data-locale="de_DE" data-disable-header-color-gradient="true" data-hash-routing="true" data-save-scroll-position="true"></div>

Event Listener

Wenn der User von der Listenansicht zur Detailansicht wechselt, wird über document ein event gefeuert. Wechselt der User zurück zur Listenansicht, wird ein weiteres Event gefeuert, der über document erreichbar ist.

    document.addEventListener('pf-widget', e => {
    const {name, data} = e.detail;
    console.log(name, data);
    });

Die Events bestehen jeweils aus dem Namen (zum Beispiel router:beforeEach) und dem Payload (data).

Folgende Events werden erfasst:

• router:initialized
• router:beforeEach
• exhibitor:loadedNextPage
• exhibitor:fetched
• exhibitor:fetchedAll
• exhibitor:set
• exhibitor:watchlist:fetched
• exhibitor:watchlist:added
• exhibitor:watchlist:removed

Einbindung über XML oder die API

Sie können sich auch ein komplett eigenes Ausstellervereichnis aufbauen, dazu können Sie entweder auf die API zugreifen oder die Daten aus diese JSON Datei verwenden:

https://veranstalter.profairs.de/ausstelleruebersicht_xml.cfm?messe=messeid

Einträge wie Publikationen und Highlights sind nicht mit dem Aussteller verknüpft. Die Publikationen hängen an der Verknüpfung von Aussteller und Messe. Die XML-Struktur für die Publikationen lautet wie folgt

• publikationWebseite
  • onlinemedien
  • logo
  • text
  • video
• publikationenHighlight
  • bild
  • bilduntertitel
  • titel
  • text