> For the complete documentation index, see [llms.txt](https://docs.datarhei.com/restreamer/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.datarhei.com/restreamer/de/wissensdatenbank/user-guides/publication-webseite/code-injection.md).

# Code Injection

Benutzerdefinierte Code-Injektion für fortgeschrittene Anwender. Für die Nutzung von externen Widgets und Stile  —  Beispiel auf der Hilfeseite.

![Abb. 1: Code Injection für die Publication Webseite.](https://1698413106-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MS3qj4cW170AMeE1ckj-1666082760%2Fuploads%2FoARJSTFG6kMd4lUxYQY4%2Finjektion-main.png?alt=media\&token=9b8d81aa-6cd6-4888-b3cb-ded66d808dc7)

![Abb. 2: Code Injection mit Beispielen für den Code.](https://1698413106-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MS3qj4cW170AMeE1ckj-1666082760%2Fuploads%2FnPthAVMu1UqkCIGgBzT9%2Finjektion-code-ex.png?alt=media\&token=b7b29eea-93d2-4f82-8f13-b9921712536a)

### 2 Siteheader erweitern

Code in den Header-Stil einfügen. Code am Ende des Bodys beispielsweise für die Nutzung externer Skripte.

```
<link rel="stylesheet" src="something"/>
```

### 3 Channelliste erweitern

Code in der Channelliste einfügen.

```
<link rel="stylesheet" src="something"/>
```

### 4 Inhalt erweitern

Code zwischen Beschreibung des Live-Streams und Autorenname einfügen. Beispielsweise für ein Kommentar-Widget oder Social Media-Widget.

```
<link rel="stylesheet" src="something"/>
```

### 5 Footer erweitern

Code in den Header-Stil einfügen.

```
<link rel="stylesheet" src="something"/>
```

### 6 Publication Webseite öffnen

Der Button führt direkt zu der index.html Publication Webseite.

### 7 Speichern

Speichern, um die Einstellungen zu sichern.

## Mehr Informationen

{% content-ref url="/pages/-M\_u9ZeYQ33IfUjMXbJk" %}
[Leitfäden](/restreamer/de/wissensdatenbank/leitfaeden.md)
{% endcontent-ref %}