← Alle Beiträge

Aktionstypen

Drei Aktionen, die einen Leistenplatz wert sind: sauberer URL, CSV, PIP

15 Mai 2026 · von JustZix Team

Die JustZix-Aktionsleiste ist am besten, wenn die Dinge darin sitzen, die du jeden Tag nutzt. Hier sind drei universelle Aktionen — fast überall nützlich, egal welche Seite. Jede ist ein Button und ein paar Zeilen Code.

Aktion 1 — ein sauberer URL

Du kopierst einen Link zum Versenden, und ein Schwanz aus ?utm_source=...&fbclid=... zieht hinterher. Diese Aktion kopiert die Adresse ohne den Tracking-Müll. Beschriftung URL, lila:

const url = new URL(location.href);
const junk = ['fbclid', 'gclid', 'msclkid', 'igshid', 'mc_eid'];
[...url.searchParams.keys()].forEach(k => {
  if (k.startsWith('utm_') || junk.includes(k)) {
    url.searchParams.delete(k);
  }
});
navigator.clipboard.writeText(url.toString());
JUSTZIX.log('Sauberer URL in der Zwischenablage: ' + url);

Aktion 2 — eine Tabelle als CSV exportieren

Die Seite zeigt Daten in einer Tabelle, gibt dir aber kein „Herunterladen". Diese Aktion wirft die erste Tabelle in eine CSV-Datei. Beschriftung CSV, grün:

const t = document.querySelector('table');
if (!t) { alert('Keine Tabelle auf der Seite.'); }
else {
  const csv = [...t.rows].map(r =>
    [...r.cells].map(c =>
      '"' + c.innerText.trim().replace(/"/g, '""') + '"'
    ).join(',')
  ).join('\n');
  const a = document.createElement('a');
  a.href = URL.createObjectURL(new Blob([csv], { type: 'text/csv' }));
  a.download = 'tabelle.csv';
  a.click();
}

Aktion 3 — Picture-in-Picture

Wirft das Seitenvideo in ein schwebendes Fenster, das oben bleibt, wenn du den Tab wechselst. Beschriftung PIP, blau:

const v = document.querySelector('video');
if (!v) { alert('Kein Video auf der Seite.'); }
else if (document.pictureInPictureElement) {
  document.exitPictureInPicture();
} else {
  v.requestPictureInPicture();
}

Warum Aktionen, nicht Regeln

Alle drei teilen ein Merkmal: Du willst sie zu einem von dir gewählten Moment auslösen, nicht automatisch. Das ist die Definition einer Aktion — Code, der per Klick läuft, nicht bei jedem Seitenladen. Eine Regel, die „bei jedem Besuch den URL kopiert", hätte keinen Sinn; ein „jetzt kopieren"-Button schon.

Fallstricke

• clipboard braucht eine Geste. navigator.clipboard.writeText funktioniert, weil eine Aktion ein Klick ist — der Browser behandelt es als Nutzerzustimmung. Derselbe Code in einer Regel (ohne Klick) würde blockiert.
• CSV nimmt die erste Tabelle. Eine Seite mit mehreren Tabellen? Verenge querySelector auf die richtige.
• PIP nur für <video>. Player, die das Bild auf einem <canvas> zeichnen, gehen nicht in Picture-in-Picture.

Siehe auch

• Beispiele — diese und andere fertige Aktionen
• Die BUTTON-Aktion — der Aktionstyp hinter diesen dreien
• window.JZ helpers — die programmatische Aktions-API

Installiere JustZix — und halte diese drei Buttons überall griffbereit.