So sieht das Widget auf Deiner Website aus (*):
*
Eigenes Design gewünscht?
Wenn Du über rudimentäre Kenntniss in HTML/CSS verfügst, kannst Du alle Elemente selbst anpassen und stylen!
So bindest Du das Widget ein:
1. Füge den Code zum Laden des Widget-Javascripts in die Seite ein. Dieser Code lädt asynchron im Hintergrund, ohne die restliche Seite zu blockieren. Er muss nur einmal pro Seite eingefügt werden, auch wenn mehrere Widgets angezeigt werden.
<script>
(function(e,t,n,r,i,s,o){e[i]=e[i]||function(){(e[i].q=e[i].q||[]).push(arguments)}, e[i].l=1*new Date;s=t.createElement(n),o=t.getElementsByTagName(n)[0];s.async=1; s.src=r;o.parentNode.insertBefore(s,o)})(window,document,"script", 'https://www.handball.net/widgets/embed/v1.js',"_hb");
</script>2. Füge den HTML-Container in Deiner Seite dort ein, wo das Widget erscheinen soll.
<div id='handball-spielplan'></div>3. Füge den Code zum Einbetten Deines Widgets in die Seite ein.
<script>
_hb({
widget: 'spielplan',
clubId: 'handball4all.wuerttemberg.403',
container: 'handball-spielplan'
})
</script>