DokuContent Security Policy (CSP)

06 · Fehlerbehebung

Das Skript durch deine Content Security Policy lassen

Eine strenge Richtlinie blockiert Skripte von Adressen, die sie nicht aufführt. Zwei Ergänzungen lassen dieses durch.

01So sieht es aus

Die Konsole des Browsers meldet, dass der Browser das Laden des Skripts oder die Verbindung zu /api/event verweigert hat, weil das gegen die Content Security Policy der Seite verstößt. Der Live-Check wartet weiter.

02Was du erlauben musst

Erlaube die Adresse des Skripts in script-src und dieselbe Adresse in connect-src, wohin seine Events gehen. Ergänze https://t.tallybyoutpost.com in den Listen, die du schon hast; ersetze sie nicht:

Header
Content-Security-Policy: script-src 'self' https://t.tallybyoutpost.com; connect-src 'self' https://t.tallybyoutpost.com
Meta-Tag
<meta http-equiv="Content-Security-Policy" content="script-src 'self' https://t.tallybyoutpost.com; connect-src 'self' https://t.tallybyoutpost.com">
Next.js
// next.config.js: add the address to the policy you already send.
const policy = [
  "script-src 'self' https://t.tallybyoutpost.com",
  "connect-src 'self' https://t.tallybyoutpost.com",
].join('; ');

module.exports = {
  async headers() {
    return [{ source: '/(.*)', headers: [{ key: 'Content-Security-Policy', value: policy }] }];
  },
};

Mehr braucht das Skript nicht: keinen Inline-Code, kein eval, keine Styles, keine Frames.

03Über deine eigene Domain

Wenn du das Skript über deine Domain auslieferst, liegen das Skript und seine Events unter deiner eigenen Adresse, die 'self' schon erlaubt.

04Prüfen, ob es geklappt hat

Fehlt etwas, oder sieht es bei dir anders aus? Schreib an support@tallybyoutpost.com und nenne die Seite.