# Header-Ad Integration

Aktuell nutzt `YpChat` im Header eine direkte Adsterra-Integration ueber `HeaderAdBanner.vue`.

Verwendete Placements:

- Mobile: `320x50`
  - Key: `fb9b5e7f817d40d72943dae0c54eb769`
- Desktop: `468x60`
  - Key: `2b658317c1e28b4b4f234d26c8fca28d`

Die Komponente waehlt automatisch anhand der Viewport-Breite:

- bis `720px`: `320x50`
- ab `721px`: `468x60`

Einbauorte:

- [client/src/components/HeaderAdBanner.vue](/mnt/share/torsten/Programs/SingleChat/client/src/components/HeaderAdBanner.vue)
- [client/src/views/ChatView.vue](/mnt/share/torsten/Programs/SingleChat/client/src/views/ChatView.vue)
- weitere SEO-/Info-Seiten mit `HeaderAdBanner`

Technik:

- Adsterra `IFRAME SYNC`
- Script-Quelle:
  - `https://www.highperformanceformat.com/<key>/invoke.js`

Aktuell gibt es keine zusaetzliche Consent-, Provider- oder Fallback-Logik mehr in dieser Komponente.

Wenn neue Banner-Formate kommen, muessen nur die Keys und Groessen in `HeaderAdBanner.vue` angepasst werden.