Nutze die nachfolgenden Widgets, um deine eigenen Veranstaltungen oder Initiativen in deiner Nähe auf deiner eigenen Webseite darzustellen.
Integration Terminbox
Kopiere folgenden Code, um den nächsten Reparaturtermin deiner Reparatur-Initiative auf deiner eigenen Webseite anzuzeigen
Beispiel-Link: Voransicht Terminbox
Erweiterter Code:
num=2 / num= die Anzahl der anzuzeigenden Reparaturtermine
trunc=300px / trunc= die Breite der Reparaturtermine in Pixel
Anpassen Aussehen:
Die Ausgabe des gesamten Widgets steuerst du über die Parameter im Tag iframe (width, height, frameborder ...) oder das Aussehen über sogenannte "Inline Styles" ,z.B. wie folgt:
Beispiel-Link: Voransicht Terminbox
<iframe width="350" height="140" src="https://www.reparatur-initiativen.de/widgets/events?id=1234"></iframe>
Erweiterter Code:
<iframe width="350" height="140" src="https://www.reparatur-initiativen.de/widgets/events?id=1234&num=2&trunc=330px"></iframe>
Folgende optionale Parameter stehen zur Verfügung:num=2 / num= die Anzahl der anzuzeigenden Reparaturtermine
trunc=300px / trunc= die Breite der Reparaturtermine in Pixel
Anpassen Aussehen:
Die Ausgabe des gesamten Widgets steuerst du über die Parameter im Tag iframe (width, height, frameborder ...) oder das Aussehen über sogenannte "Inline Styles" ,z.B. wie folgt:
<iframe width="350" height="140" style="border:3px solid #000; background:#FFC;" src="https://www.reparatur-initiativen.de/widgets/events?id=1234&num=2&trunc=330px"></iframe>
Integration der Karte
Schnell-Einbindung
Kopiere den folgenden Code, um die komplette Landkarte aller Reparatur-Initiativen auf deiner eigenen Webseite anzuzeigen:Beispiel-Link: Voransicht Landkarte
<iframe frameborder="0" width="100%" height="650" src="https://www.reparatur-initiativen.de/widgets/map"></iframe>
Zoom auf bestimmten Bereich (Land, Region)
Du kannst auch Koordinaten für eine fixe Zentrierung der Karte, sowie ein vordefiniertes Zoom-Level angeben. Die geographischen Daten für deine Stadt, dein Bundesland oder dein Land findest du zum Beispiel auf dieser Webseite.Beispiel-Link für die Zentrierung auf die Schweiz: Voransicht Landkarte
<iframe frameborder="0" width="100%" height="650" src="https://www.reparatur-initiativen.de/widgets/map?zoomLevel=8&lat=46.8&lng=8.2"></iframe>
Farben anpassen / eigene Marker verwenden
- Hex-Codes für die Farben bitte ohne # angeben.
- Hier findest du viele frei verfügbare Marker.
- Der Parameter "markerSrc" ist die Standard-Grafik für die angezeigten Initiativen, "foundMarkerSrc" wird für die Suchergebnisse verwendet.
- Die Marker-Grafiken können auch einen Schatten enthalten (png) und müssen über einen HTTPS-Server bereitgestellt werden.
- Die Parameter zoomLevel, lat und lng können mit & an den letzten Parameter angehängt werden.
<iframe frameborder="0" width="100%" height="650" src="https://www.reparatur-initiativen.de/widgets/map?
buttonColor=4f0901&buttonBgColor=db0202&searchButtonColor=db0202&searchButtonBgColor=4f0901&buttonMouseoverBgColor=ccc&buttonMouseoverColor=000
&clusterOuterColor=4f0901&clusterInnerColor=E22F00&clusterFontColor=4f0901
&markerSrc=https://cdn2.iconfinder.com/data/icons/splashyIcons/marker_squared_red.png
&foundMarkerSrc=https://cdn2.iconfinder.com/data/icons/splashyIcons/marker_squared_grey_5.png"
></iframe>
Integration Statistik
Kopiere den folgenden Code, um die die Statistik aller Reparatur-Initiativen auf deiner eigenen Webseite anzuzeigen:
Globale Statistik: Schnell-Einbindung
Beispiel-Link: Voransicht Statistik Global
<iframe frameborder="0" width="100%" height="700" src="https://www.reparatur-initiativen.de/widgets/statistics-global"></iframe>
Globale Statistik: Standard-Datenquelle auswählen
- Die Standard-Datenquelle kann aus folgenden Quellen ausgewählt werden: 'all', 'third-party-name', 'platform'
<iframe frameborder="0" width="100%" height="700" src="https://www.reparatur-initiativen.de/widgets/statistics-global?defaultDataSource=platform"></iframe>
Reparatur-Initiativen-Statistik: Schnell-Einbindung
Beispiel-Link: Voransicht Statistik Reparatur-Initiative
<iframe frameborder="0" width="100%" height="700" src="https://www.reparatur-initiativen.de/widgets/statistics-workshop/1234"></iframe>
Farben anpassen
- Die Hintergrund- und Rahmenfarben können angepasst werden. Die Farb-Codes bitte entweder als Hex-Code ohne # oder als RGB / RGBA (wie im Beispiel) angeben.
<iframe frameborder="0" width="100%" height="700" src="https://www.reparatur-initiativen.de/widgets/statistics-global?borderColorOk=rgb(14,113,184)&backgroundColorOk=rgba(14,113,184,0.6)&borderColorNotOk=rgb(181,24,33)&backgroundColorNotOk=rgba(181,24,33,0.6)&borderColorRepairable=rgb(242,217,164)&backgroundColorRepairable=rgba(242,217,164,0.6)"></iframe>
Reparatur-Initiativen-Name ausblenden
- Beim Widget für Reparatur-Initiativen kann der Name der Initiative ausgeblendet werden.
<iframe frameborder="0" width="100%" height="700" src="https://www.reparatur-initiativen.de/widgets/statistics-workshop/1234?showWorkshopName=0"></iframe>
Umweltentlastung ausblenden
- Beim Widget für Reparatur-Initiativen kann die Umweltentlastung in Form von eingesparten Flug-Kilometer ausgeblendet werden. Die Umweltentlastung wird nie angezeigt, wenn nur das Donut-Diagramm angezeigt wird.
<iframe frameborder="0" width="100%" height="700" src="https://www.reparatur-initiativen.de/widgets/statistics-workshop/1234?showCarbonFootprint=0"></iframe>
Balkendiagramm bzw. Donut-Diagramm ausblenden
- showDonutChart / showBarChart auf 0 setzen, falls die enstprechende Grafik nicht angezeigt werden soll.
- Hinweis: Das Donut-Diagramm wird beim globalen Statistik-Widget nur dann angezeigt, wenn beim Dropdown Datenquelle der Wert "Reparatur-Initiativen" ausgewählt ist.
<iframe frameborder="0" width="100%" height="700" src="https://www.reparatur-initiativen.de/widgets/statistics-global??showDonutChart=0"></iframe>