Direkt zum Hauptinhalt

ChatGPT Landingpage

landing-chatgpt.php

<!DOCTYPE html>
<html lang="de">
<head>
  <meta charset="UTF-8">
  <title>Wichtige Hinweise zu KI-generierten Links</title>
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <style>
body {
      body{font-family: sans-serif;
      line-height: 1.6;
      background-color: #f9f9f9;
      color: #333;
      max-width: 700px;
      margin: 3em auto;
      padding: 2em;
      box-shadow: 0 0 10px rgba(0,0,0,0.05);}h1{color:#c0392b}a{color:#2980b9}@media (prefers-color-scheme: dark){body{background-color:#1e1e1e;color:#f1f1f1}h1{color:#e74c3c}a{color:#81c8ff}.button{background-color:#3498db;color:white}.button:hover{background-color:#2980b9}.button,button.button,p[style]{color:inherit}.button{border:1px solid rgba(255,255,255,0.1)}
    h1 {
      color: #c0392b;
    }
    a {
      color: #2980b9;
    }
  </style>
</head>
<body>

  <p style="margin-top: 2em; font-size: 0.9em; color: #777;">
    Diese Nachricht wurdewird Ihnen im Sinne digitaler Aufklärung angezeigt.
  </p>
      
  <h1>Bitte beachten Sie:</h1>
  <p>Sie wurden über einen Link mit dem Zusatz <strong><code>?utm_source=chatgpt.com</code></strong> auf diese Website weitergeleitet.</p>

  <p>Das bedeutet, dass dieser Link möglicherweise von einer KI wie <strong>ChatGPT</strong> vorgeschlagen wurde.</p>
    <p>
    Diese Website möchte Sie sensibilisieren: <strong>Überprüfen Sie immer die Quelle und den Kontext</strong>, bevor Sie einer Empfehlung folgen.
  </p>

  <h2>Vertrauen Sie nicht blind!</h2>
  <p>Auch wenn Künstliche Intelligenz beeindruckende Texte erstellen kann, ist sie nicht unfehlbar. </p>
  <ul>
  <li>
    Links, die von KI-Systemen generiert werden, können sehr relevant wirken, aber in kleinen Details von der tatsächlichen Wahrheit abweichen oder in kleinen Details nicht auf Ihren Anwendungszweck passen.</li>
    <li> Lesen Sie vollständige Artikel auf den vorsgeschlagenen Links und nicht nur die Bereiche auf die sich das KI-System offensichtlich bezieht.</li>
    </ul>
    
<h2>Grundlegende Funktionsweise von KI:</h2>
  <ul>
  <li>Eine künstliche Intelligenz hat <strong>keinerlei Themenkenntnis.</strong></li>
  <li>Die Hauptaufgabe einer KI besteht darin, jene <strong>Wortkombinationen zu finden</strong>, die mit hoher Wahrscheinlichkeit als passende Antwort auf Ihre Eingabe erscheinen.</li>
  <li>Um diese Aufgabe zu erfüllen kennt die KI <strong>Wahrscheinlichkeitswerte existierender Wortreihenfolgen</strong> einer sehr großen Datenbasis.</li>
  <li>Ihre KI-Ausgabe ist die <strong>wahrscheinlichste Wortreihenfolge die zu Ihrer Texteingabe passen könnte</strong>.</li>
  <li>Daher hat die Ausgabe Ihrer KI-Antwort nur etwas mit sprachlichen Wahrscheinlichkeiten zu tun, eine sachlich korrekte Ausgabe ist zwar häufig der Fall, aber nie das primäre Ziel der KI.</li>
  <li>Dies steht im Widerspruch zur Erwartung der meisten Anwender über die Funktionsweise von KI-Systemen.</li>
  </ul>



  <h2>Was Sie jetzt tun können:</h2>
  
<ul>
 <li>Nutzen Sie mithilfe der Textausgabe des KI-Systems zusätzlich klassische Internetsuchen wie Google.</li>
  <li>Gehen Sie zurück zur Startseite und suchen Sie mit der dortigen Suche nach Ihrem Thema.</li>
  <li>Stellen Sie sicher, dass Sie vertrauenswürdige Informationen konsumieren</li>
</ul>

<?php
$target = $_GET['target'] ?? '/';
$safeTarget = htmlspecialchars($target);
?>
<div style="margin-top: 2em;">
  <a href="<?= $safeTarget ?>" class="button">Trotzdem fortfahren</a>
  <a href="/" class="button">Startseite</a>
  <button onclick="history.back()" class="button">Zurück zur KI-Ausgabe</button>
</div>

<style>
  .button {
    display: inline-block;
    margin: 0.5em 0.5em 0.5em 0;
    padding: 0.6em 1.2em;
    background-color: #2980b9;
    color: white;
    text-decoration: none;
    border-radius: 4px;
    border: none;
    cursor: pointer;
    font-size: 1em;
  }

  .button:hover {
    background-color: #1f6691;
  }

  button.button {
    font-family: inherit;
  }
</style>

  <p style="margin-top: 2em; font-size: 0.9em; color: #777;">
    Diese Nachricht wurdewird Ihnen im Sinne digitaler Aufklärung angezeigt.
  </p>
</body>
</html>

.htaccess

RewriteEngine On

# Bei utm_source=chatgpt.com wird auf Landingpage geleitet, ursprünglichen Pfad als target übergeben
RewriteCond %{QUERY_STRING} (^|&)utm_source=chatgpt\.com(&|$)
RewriteRule ^(.*)$ /landing-chatgpt.php?target=%{REQUEST_URI} [R=302,L]

nach oben