Die durchschnittliche Aufmerksamkeitsspanne eines Menschen im Jahr 2026 beträgt angeblich acht Sekunden. Das ist weniger als die eines Goldfischs, der gerade vergessen hat, dass er ein Goldfisch ist. Wenn ihr also wollt, dass eure sorgsam recherchierten Inhalte überhaupt noch konsumiert werden, müsst ihr euren Leser*innen das Denken abnehmen. Wir bauen heute einen Button, der das erledigt.
Seien wir ehrlich: Niemand liest mehr. Wir scannen, wir überfliegen, wir suchen nach dem fettgedruckten Fazit, um in Meetings so zu tun, als hätten wir den Artikel im Harvard Business Review wirklich verstanden.
Als Autor*innen schmerzt uns das. Wir feilen an Formulierungen, bauen rhetorische Brücken und dann? Scroll, Scroll, Exit. Die brutale Realität des Jahres 2026 ist, dass eure brillantesten Absätze oft nur Textwüsten sind, durch die der Daumen eurer Nutzer*innen schneller wischt als bei Tinder.
Aber statt darüber zu weinen, nutzen wir die Technologie, die uns dieses Schlamassel erst eingebrockt hat: KI.
Ich zeige euch heute einen simplen Weg, wie ihr den „Zusammenfassungs-Button“ in euren Blog integriert.
Auch interessant
Der URL-Hack: Die Lösung für Faule
Diese Methode, ist so simpel, dass sie fast schon wehtut. Ihr braucht dafür keinen Server, kein Python und kein Geld. Wir nutzen einfach die Tatsache, dass ChatGPT (und die meisten anderen LLMs) Parameter in der URL akzeptieren. Das Prinzip ist so alt wie das Internet selbst: Wir übergeben den Befehl direkt im Link.
Die Struktur ist denkbar einfach. Wir bauen einen Link, der ChatGPT öffnet und direkt den Befehl (Prompt) in das Eingabefeld schreibt. Das Schema sieht so aus:
https://chatgpt.com/?q=[EUER_PROMPT]
Das Problem dabei: Ihr könnt nicht einfach einen ganzen Artikel in die URL klatschen. Browser haben Limits und Leerzeichen in URLs sind so willkommen wie ein Systemabsturz am Freitagnachmittag. Ihr müsst den Text also URL-encoden. In JavaScript erledigt das die Funktion encodeURIComponent(). Aber da wir hier über einen statischen Link reden, könnt ihr das auch serverseitig in PHP generieren oder – wenn ihr wirklich faul seid – den Link einfach einmalig erstellen.
Hier ist der Code-Schnipsel, den ihr unter eure Artikel packen könnt. Ich nutze hier ein JavaScript-Snippet, das sich die aktuelle URL greift, weil wir ja wollen, dass ChatGPT den aktuellen Artikel liest.
Der Code für einen Link
Kopiert das in euer Template. Keine Sorge, es ist valides HTML und JS ohne Schnickschnack.
<a href="#" onclick="openSummary(event)"> Zu faul zum Lesen? Hier klicken für KI-Zusammenfassung </a>
<script> function openSummary(e) {
e.preventDefault();
// Wir holen uns die aktuelle URL des Artikels
const articleUrl = window.location.href;
// Der Prompt: Hier sagen wir der KI, was sie tun soll
const prompt = "Lies diesen Artikel und fasse die 5 wichtigsten Punkte zusammen: " + articleUrl;
// Alles schön verpacken, damit der Browser nicht weint
const encodedPrompt = encodeURIComponent(prompt);
// Abflug in neuem Tab
window.open("https://chatgpt.com/?q=" + encodedPrompt, "_blank");
}
</script>Der Charme dieser Lösung? Sie kostet euch nichts. Die Rechenleistung zahlt der Nutzer (oder sein Arbeitgeber).
Der Nachteil? Der Nutzer verlässt eure Seite. Aber hey, besser er verlässt sie mit einer Zusammenfassung und einem guten Gefühl, als dass er frustriert abspringt, weil der Text länger als ein Tweet war.
Der Code für einen Button
Ein Textlink ist euch zu subtil? Ihr wollt, dass die Option zur Zusammenfassung so unübersehbar ist wie ein „Sale“-Schild am Black Friday? Dann braucht ihr einen Button.
Buttons haben den Vorteil, dass sie wie ein Call-to-Action (CTA) wirken. Hier ist der Code, der sich nahtlos in das Standard-Design eures WordPress-Themes einfügt:
<!-- Der Button-Block -->
<div class="wp-block-buttons">
<div class="wp-block-button">
<a class="wp-block-button__link wp-element-button" href="#" onclick="openSummary(event)" style="background-color: #10a37f; color: white">
🚀 KI-Zusammenfassung starten
</a>
</div>
</div>
<!-- Das Script (falls ihr es oben beim Link noch nicht eingebunden habt) -->
<script>
function openSummary(e) {
e.preventDefault();
const articleUrl = window.location.href;
const prompt = "Lies diesen Artikel und fasse die 5 wichtigsten Punkte zusammen (TL;DR): " + articleUrl;
const encodedPrompt = encodeURIComponent(prompt);
window.open("https://chatgpt.com/?q=" + encodedPrompt, "_blank");
}
</script>Ich habe dem Button hier frecherweise das typische „ChatGPT-Grün“ (Hex: #10a37f) verpasst, damit der Wiedererkennungswert kickt. Das 🚀-Emoji ist optional, hilft aber dabei, dem Gehirn visuell zu signalisieren: „Hier geht’s schnell vorwärts.“
So sieht das umgesetzt aus
Hinweis: Ich nutze aus Datenschutzgründen zusätzlich noch einen Click-To-Load-Disclaimer
Die „Aber“-Punkte (Lest das!)
Bevor ihr Link oder Button bei euch einbaut, müsst ihr die Nachteile kennen.
- Der „Browsing“-Zwang: Damit das funktioniert, muss das ChatGPT der Nutzenden Zugriff auf das Internet haben (Browsing-Feature). Für User*innen mit ChatGPT Plus/Team ist das kein Problem; die KI surft auf euren Link und liest ihn. Bei User*innen mit Free-Account ist es Glückssache. Oft haben Free-User*innen keinen Live-Web-Zugriff.
Dann sagt ChatGPT halluzinierend: „Ich kann keine externen Links lesen, aber basierend auf der URL rate ich mal, dass es um Katzenfutter geht.“ - Die Faulheit der Enter-Taste: Der Link (?q=…) füllt zwar das Eingabefeld bei ChatGPT, aber drückt nicht automatisch „Enter“. Die User*innen müssen also selbst noch einmal klicken. Für UX-Puristen ist das ein Weltuntergang.
- Eure Firewall: Wenn die Seite Bots blockiert (z.B. durch aggressive Cloudflare-Einstellungen oder Wordfence), kommt ChatGPT nicht durch die Tür. Die KI steht dann vor eurer Seite wie ein Türsteher vor dem Berghain: „Du kommst hier nicht rein.“ Ergebnis: Keine Zusammenfassung.
- Die Paywall-Sperre: Wenn euer Content hinter einer Paywall oder einem Login-Bereich liegt, ist hier Endstation. ChatGPT ist ein Gast, kein Hacker.
- Der Datenschutz-Beigeschmack: Wir schicken hier die URL deines Nutzers (inklusive eventueller Tracking-Parameter) direkt in die Arme von OpenAI in die USA. In der Welt der DSGVO ist das zumindest ein Punkt, den ihr in eurer Datenschutzerklärung erwähnen solltest.
Wer extrem vorsichtig ist, baut vorher einen „Click-to-Load“-Disclaimer ein, damit die Daten erst fließen, wenn der Finger wirklich zuckt (wie ich in meinem Beispiel oben).
Warum wir den ChatGPT-Button klicken
Warum funktioniert so ein Button? Psychologisch gesehen bedienen wir hier das Prinzip der Cognitive Ease. Unser Gehirn ist ein Energiesparmodell. Es will Ergebnisse mit minimalem Aufwand. Wenn ihr einem Nutzer die Wahl lasst zwischen „10 Minuten lesen und verstehen“ und „1 Klick für das Ergebnis“, gewinnt der Klick.
Es ist aber auch ein Signal. Ein solcher Button sagt: „Ich respektiere deine Zeit.“ Paradoxerweise führt das oft dazu, dass Nutzer*innen länger bleiben. Sie lesen die Zusammenfassung, werden neugierig („Hat die*der Autor*in wirklich behauptet, die Erde sei eine Scheibe?“) und lesen dann doch den ganzen Text, um den Kontext zu prüfen. Ihr ködert sie mit ihrer eigenen Faulheit.
Psychologie im UX-Design
Der ChatGPT-Button für Blogs ist ein klassisches Beispiel für Nudging. Wir stupsen den Nutzer zur Interaktion an, indem wir die Hürde (den langen Text) scheinbar entfernen. Das reduziert die Absprungrate. Win-Win.
Die Implementierung ist also nicht nur technischer Spielkram, sondern fundierte Nutzerführung. Ihr gebt den Leuten die Kontrolle zurück, die sie im endlosen Strom des Newsfeeds verloren glauben.
FAQ
Was macht dieser Button eigentlich?
Er öffnet ChatGPT in einem neuen Tab und legt euren Prompt schon ins Eingabefeld, z.B. über https://chatgpt.com/?q=... . Ihr müsst also nicht copy-pasten, sondern nur klicken und (meistens) einmal bestätigen/abschicken.
Warum muss ich den Prompt „URL-encoden“?
Weil URLs bei Leerzeichen, Sonderzeichen und langen Texten schnell anfangen zu zicken wie ein Browser kurz vor dem Absturz am Freitagnachmittag. Mit encodeURIComponent() macht ihr aus „schönem Text“ eine URL-taugliche Version, damit euer Link nicht unterwegs auseinanderfällt.
Warum sagt ChatGPT manchmal „Ich kann den Link nicht lesen“?
Weil das Ganze nur dann sauber läuft, wenn ChatGPT im jeweiligen Account wirklich auf Webseiten zugreifen darf (Stichwort: Browsing/Webzugriff). Wenn das Feature fehlt oder blockiert ist, wird aus „Zusammenfassung“ schnell „kreatives Raten mit Selbstbewusstsein“.
Ist das DSGVO-technisch ein Problem?
Ihr schickt beim Klick die URL (inklusive möglicher Parameter wie UTM-Tracking) an einen Drittanbieter, und genau das ist der Punkt, den Datenschutzmenschen zu Recht nicht wegatmen. Wenn ihr’s sauber machen wollt: Click-to-Load-Hinweis davor, plus eine klare Erwähnung in Datenschutzerklärung/Consent-Logik.
Stimmt das mit den „8 Sekunden Aufmerksamkeitsspanne“ wirklich?
Als Zahl ist das eher Content-Marketing-Folklore als Naturgesetz: Die berühmte „8 Sekunden vs. Goldfisch“-Story wird seit Jahren kritisiert, weil sie so in der Microsoft-Quelle nicht sauber herleitbar ist. Die Pointe bleibt trotzdem valide: Menschen lesen online oft nicht, sie scannen – und genau dafür baut ihr den Button.
Fazit
Wichtig ist, dass ihr anerkennt, wie sich Medienkonsum verändert hat. Wir leben in einer Welt der Häppchen. Eure Aufgabe ist es –mithilfe von ChatGPT-Button für Blogs – aus dem 5-Gänge-Menü bei Bedarf schnell einen Snack zu machen.
Schreibe einen Kommentar