AlpiStats auf Next.js installieren
Rechnen Sie mit fünf Minuten für den Grundschritt. Erstellen Sie zuerst Ihr Konto und fügen Sie Ihre Website hinzu: Der Installationsbildschirm gibt Ihnen Ihren persönlichen Code und bestätigt live den ersten Besuch.
- 1Öffnen Sie app/layout.tsx (oder pages/_document.tsx beim «pages»-Router).
- 2Fügen Sie den AlpiStats-Code im <head> ein, oder verwenden Sie next/script mit der Strategie «afterInteractive» und denselben data-*-Attributen.
- 3Hat die Website eine Sicherheitsrichtlinie (CSP), erlauben Sie die Erhebungs-Domain in script-src und connect-src.
- 4Deployen Sie.
Der einzufügende Code
Er sieht so aus; Ihrer enthält die Kennung Ihrer Website.
<script defer src="https://t.alpistats.ch/a.js" data-site="IHRE-KENNUNG" data-notice="true"></script>
Überprüfen
Öffnen Sie Ihre Website in einem anderen Tab: Der AlpiStats-Installationsbildschirm wird grün, sobald der erste Besuch eingegangen ist. Nach zwei Minuten noch nichts? Mit der Schaltfläche «Meine Website testen» prüfen Sie, ob der Code vorhanden ist und ob die Sicherheitsrichtlinie (CSP) der Website ihn zulässt.