Widgets zur Integration des Beteiligungsportals in andere Webauftritte

Die Liste der aktuellen Beteiligungen sowie die Detailansicht einer Beteiligung können in andere Webauftritte integriert werden.

Zur Integration der Widgets in eine Seite muss

1. die Javascript API geladen werden
2. ein Element als Anker für die Integration bereitgestellt werden; das Element wird durch das Class-Attribut nbp-widget als Anker markiert.
3. die Konfiguration des Widgets innerhalb des Ankerelements per data- Attribut vorgenommen werden

Integration der Detailansicht einer Beteiligung

<!-- Beteiligungsportal Javascript API laden -->
<script async="async" defer="defer" src="https://beteiligung.nrw.de/portal/widgets/widgets-api.js"></script>
<!-- Beteiligungsportal Widget - innerhalb dieses Elements wird das Widget gerendert -->
<div class="nbp-widget" data-widget-typ="beteiligung-detail" data-beteiligung-id="1000061"/>
        

Konfiguration

Definition des Widget Typs Detail:

data-widget-typ="beteiligung-detail"

Definition der Beteiligung per ID:

data-beteiligung-id="1000061"

Die ID der Beteiligung kann aus der URL der Seite einer Beteiligung ausgelesen werden (fett markiert):

https://beteiligung.nrw.de/portal/hauptportal/beteiligung/themen/1000061

Beispiel: Detailansicht der Beteiligung mit ID 1000562

<script async="async" defer="defer" src="https://beteiligung.nrw.de/portal/widgets/widgets-api.js"></script>
<div class="nbp-widget" data-widget-typ="beteiligung-detail" data-beteiligung-id="1000562"/>
            

Beispiel: Detailansicht der Beteiligung mit ID 1000061

<script async="async" defer="defer" src="https://beteiligung.nrw.de/portal/widgets/widgets-api.js"></script>
<div class="nbp-widget" data-widget-typ="beteiligung-detail" data-beteiligung-id="1000061"/>