Webseiten-Titel ändern oder animieren mit JavaScript (mehr Aufmerksamkeit bei Tabs!)
Der Webseiten-Titel wurde früher in der Titelleiste des Browsers angezeigt: Mittlerweile sieht man den Text oft nur noch bei mehreren geöffneten Tabs. Für Besucher, die mehr als einen Browser-Tab geöffnet haben, kann man diesen Bereich aber leicht als zusätzliches, sinnvolles Textfeld nutzen: Hier kann man auf neue Nachrichten oder auch auf neue Angebote hinweisen. Booking.com nutzt die Titelzeile zum Beispiel, um an eine nicht abgeschlossene Buchung zu erinnern.
Da die Titelzeile Teil des angezeigten Dokuments ist, lässt sie sich auch nach Belieben mit JavaScript beeinflussen – und das auch, nachdem die Seite selbst schon geladen ist. Wichtig: Je nach Browser werden dabei Sonderzeichen nicht immer unterstützt, auch deren HTML-Äquivalente wie zum Beispiel • werden in der Regel nicht unterstützt.
Mit diesem kurzen Skript ändert man den Titel von Webseite oder Tab nachträglich:
<script> document.title = "* Computerhilfen.de"; </script>
Durch ein mehrfaches Ändern der Titelzeile lässt sich so auch eine Animation erzeugen. Das sorgt zwar für garantierte Aufmerksamkeit, sollte aber mit Bedacht eingesetzt werden – sonst wird der Tab schnell geschlossen. Für die Animation eignet sich die JavaScript Funktion “setInterval”: Hiermit lassen sich wiederkehrende Ationen mit einem wählbaren Zeitintervall in Millisekunden automatisieren. Je nachdem, ob die aktuelle Titelzeile in dem folgenden Beispiel einen Asterisk (“*”) enthält oder nicht, wird dieser ergänzt oder aus dem Titel gelöscht.
<script> setInterval(function () { if(document.title.includes("*")) { document.title = " Computerhilfen.de"; } else { document.title = "* Computerhilfen.de"; } }, 1000); </script>
Der eigentliche Titel des Dokuments wird mit diesem Skript nicht geändert: Der neue Titel wird erst bei Ausführen des Skriptes bei bestimmten Events direkt im Client, also im Browser des Besuchers, aktualisiert. Für Suchmaschinen, ob intern oder extern, die kein JavaScript unterstützen, bleibt der Titel wie ursprünglich im Dokument angegeben bestehen.
- pc-einsteigerkurs (11x gelesen)
- datenschutz (9x gelesen)
-
http://www.amazon.de/gp/product/B005N82HDC/ref=as_li_ss_tl?ie=UTF8&tag=computerhilfen&linkCode=as2&camp=1638&creative=19454&creativeASIN=B005N82HDC
(7x gelesen) -
http://www.amazon.de/gp/product/B005N82HDC/ref=as_li_ss_tl?ie=UTF8&tag=computerhilfen&linkCode=as2&camp=1638&creative=19454&creativeASIN=B005N82HDC
(7x gelesen) - pc-einsteigerkurs-4-4 (7x gelesen)
Mehr Tipps zu Webseiten-Titel ändern oder animier...
-
Apple Mac: ZIP Datei mit Passwort schützen (ohne Zusatz-Tools)!
Durch das Zippen oder Komprimieren von Dateien spart man leicht Speicherplatz und kann mehrere Dateien als einzenes, praktisches Archiv weitergeben: Das Erstellen einer ZIP Datei...
-
Kabel-TV Ende: Deutsche TV Sender im kostenlosen Livestream oder per App ansehen
Ende Juni 2024 ändert sich für viele Mieter eventuell das Fernsehen: Ab dem 1. Juli 2024 dürfen die Kosten für Kabelfernsehen nicht mehr als Betriebskosten...
-
Wie Technik und Digitalisierung bei den eigenen Finanzen hilft
Der technologische Fortschritt erleichtert mittlerweile zahlreiche Bereiche und hilft mittlerweile auch im Finanzbereich: Durch digitale Technologien sank der Preis für Aktienkäufe von über 50 EUR...
-
MacBook Touch-Bar aus oder reagiert nicht: Lösung!
Apple hatte bei einigen MacBook Modellen die obere Tasten-Leiste gegen einen kleinen Touch-Screen getauscht: Die TouchBar. Sie ließ sich je nach App personalisieren, nervte die...
-
ELSE IF mit Python: So geht’s!
Jede Programmiersprache hat ihre Eigenheiten: Während man in PHP und JavaScript die IF/ELSE Syntax mit "ELSE IF" um eine zweite Abfrage erweitert, funktioniert das nicht...
Webseiten-Titel ändern oder animieren mit JavaScript (mehr Aufmerksamkeit bei Tabs!)