Angular

Angular bereinigt dynamische iframe-URLs. Für eine feste Widget-URL kannst du statisches Markup verwenden:

<iframe
  src="https://pointr.org/de/widget/booking/ihr-unternehmen"
  width="100%"
  height="720"
  style="border:0;border-radius:12px;max-width:480px"
  loading="lazy"
  title="Termin mit Pointr buchen"
></iframe>

Für dynamische URLs verwende DomSanitizer nur nach Validierung von Locale, Widget-Typ und Slug.

import { Component } from '@angular/core';
import { DomSanitizer, SafeResourceUrl } from '@angular/platform-browser';

@Component({
  selector: 'app-pointr-widget',
  template: `
    <iframe
      [src]="widgetUrl"
      width="100%"
      height="720"
      style="border:0;border-radius:12px;max-width:480px"
      loading="lazy"
      title="Termin mit Pointr buchen"
    ></iframe>
  `,
})
export class PointrWidgetComponent {
  widgetUrl: SafeResourceUrl;

  constructor(private sanitizer: DomSanitizer) {
    this.widgetUrl = this.sanitizer.bypassSecurityTrustResourceUrl(
      'https://pointr.org/de/widget/booking/ihr-unternehmen'
    );
  }
}