Changelog: Einbettung

Änderungen an der Einbettung (embed.js): das Script für statische Seiten, Ghost, Discourse und andere Systeme ohne Plugin. Neue Funktionen kommen ohne Änderung am Script-Tag, sofern nichts anderes dabeisteht.

Einbetten: die Anleitung

  1. Nächstes Updateangekündigt

    • Farbfelder im Variantenwähler: Der Wähler eines Modellprodukts zeigt die Farbfelder jetzt in der erkannten Farbe – auch für Bezeichnungen wie „Nachtschwarz“ oder „Space Grau“, geteilt bei Kombinationen wie „Schwarz/Weiß“ und als Muster bei „Transparent“ und „Mehrfarbig“. Die Schnittstelle liefert dazu je Variante eine normalisierte Farbe (color mit key, name, hex).
    • Neue Box „Dazu passt auch“: data-affilinode="complements" mit data-id (Shortcode [affilinode_complements id=…]) zeigt andere Geräte, die man zu einem Produkt oft zusätzlich kauft – nur Paare, die als „Passt dazu“ bestätigt sind. Optionen: data-limit (1–6, Standard 4), data-view="grid|list", data-scope="site", data-title. Im WordPress-Plugin gibt es dazu den Shortcode [affilinode_complements], einen Block und einen Eintrag im Generator.
    • Reiter „Gebraucht“ und Preisvergleich im Dialog: Im Preisvergleich erscheint neben „Neu“ der Reiter „Gebraucht“ mit Zustand (Generalüberholt, Open Box, B-Ware …) und Hinweis; Produktbox und Karte zeigen unter dem Neupreis „Auch gebraucht ab …“. Neu: data-popup="1" an der Produktbox fügt „Alle Preise vergleichen“ hinzu – ein Dialog mit dem Preisvergleich in Reitern je Packungsgröße und „Gebraucht“, per Tastatur bedienbar (Esc schließt).
    • Abschnitt „Downloads“ in der Produktbox: data-docs="1" zeigt unter der Produktbox die Dokumente zum Produkt – Datenblatt, Bedienungsanleitung, Kurzanleitung, Energielabel und weitere – mit Titel, Art, Sprache, Seitenzahl und Link zur Quelle; beim Energielabel kommt der Link zum EU-Eintrag dazu. Ohne das Attribut ändert sich nichts. Im WordPress-Plugin gibt es das Gegenstück als docs="1" am Produkt-Shortcode.
  2. 14.10.2026

    • Produktberater als Quiz: Die Box data-affilinode="advisor" führt Frage für Frage mit Fortschrittsbalken, Zurück und Neu starten, ist per Tastatur bedienbar (Enter geht zur nächsten Frage, erst die letzte schickt ab) und stellt Fragen, die von früheren Antworten abhängen, nur bei passender Antwort. Das Ergebnis zeigt die besten Produkte mit den erfüllten Kriterien als Chips; „Link zu diesen Antworten kopieren“ hängt die Antworten an die Adresse der Seite – ohne Anmeldung, ohne Speicherung bei affilinode. Ob Preise erscheinen, legst du je Berater im Dashboard fest. Wo Besucher abbrechen, siehst du in der Statistik des Beraters.
    • Warenkorb-Knopf für Amazon: data-cart="1" zeigt an Produktbox, Karte, Preisvergleich, Raster, Liste und Vergleich bei Amazon-Angeboten zusätzlich „In den Amazon-Warenkorb“; Listen, Raster und Vergleiche bekommen dazu „Alle in den Amazon-Warenkorb“ (bis zu 10 Produkte des gleichen Marktplatzes). data-cart="0" schaltet ihn in einer Box ab. Ohne Angabe gilt die Einstellung der Website („Websites“ → „Warenkorb-Knopf standardmäßig zeigen“, ab Werk aus). Der Knopf erscheint nur bei Amazon-Angeboten mit deinem Partner-Tag und aktuellem Preis; die Hinweise unter der Box bleiben unverändert. Im Generator gibt es die Option „Warenkorb-Knopf (Amazon)“.
    • Box „Zubehör“: data-affilinode="accessories" bzw. [affilinode_accessories] zeigt das Zubehör eines Produkts (Hülle, Ladegerät, Kabel …) nach Art gruppiert mit Preisen, data-id und data-limit wie bei den Ersatzteilen. Die Box „Ersatzteile“ heißt jetzt „Passende Ersatzteile“ statt „Zubehör und Ersatzteile“.
    • Variantenwähler für Modellprodukte: Box, Karte und Zeile eines Modellprodukts zeigen den „ab“-Preis und Chips für Farbe (mit Farbpunkt) und Speicher; die Auswahl schaltet Bild, Preis und Link um, ohne neu zu laden. Nicht vorhandene Kombinationen sind nicht wählbar, nicht lieferbare Varianten zeigen „nicht lieferbar“. data-variants="0" schaltet den Wähler ab. Listen und Vergleiche zeigen den „ab“-Preis des Modells.
    • Bannerbox mit Regel: data-placement verweist auf eine Bannerbox-Regel aus dem Dashboard (automatische Wahl oder festes Banner). Ohne feste Banner-ID wählt der Dienst das Banner automatisch nach Breite des Platzes, data-format, Land, Sprache, Priorität, Frische und Klickrate.
    • Gerät + Tarife: Ansichten und Auswahl: data-view="compact" zeigt „Handy + Tarif“ (das Gerät und wenige Tarife in schlanken Zeilen), data-view="details" ein Datenblatt je Tarif mit allen bekannten Werten. data-provider="telekom" und data-network="o2" zeigen nur Tarife eines Anbieters oder Netzes; mit data-controls="1" bekommen Besucher Auswahlfelder für Anbieter, Netz und Sortierung. Preise sind beschriftet und nennen die Gesamtkosten über die Laufzeit.
  3. 13.10.2026

    • Neue Boxen: Bannerbox (Format passt sich der Breite des Platzes an, Original-Banner erst nach Einwilligung, Statistik je Banner) und Look-Box („Shop my Look“ mit anklickbaren Punkten).
    • Hinweis „Umgesetzt mit affilinode“ unter den Boxen: in der Einbettung im kostenlosen Tarif immer, in bezahlten Tarifen je Website wählbar (Standard aus); im WordPress-Plugin entscheidest du selbst in den Plugin-Einstellungen (Standard aus, nie erzwungen). Farbe und Sprache folgen der Seite.
    • Länderfreigabe: Shops erscheinen nur in Ländern, für die sie freigegeben sind.
    • Rabattcodes: Eigene Rabattcodes des Kontos erscheinen vorn, das Kopieren wird gezählt.
  4. 12.10.2026

    • Alle Boxen auch eingebettet: Produktsuche, Berater-Quiz, Kompatibilitäts-Check, Alternativen, „Bester in der Kategorie“, „Auf einen Blick“, Preis-Leistungs-Diagramm, Folgekosten, Testbewertung, „A vs B“, Gutscheine, Packungsgrößen und „Wieder verfügbar“ – als HTML-Platzhalter oder als Shortcode in Ghost und Discourse.
    • Umgebaut auf TypeScript mit Minifizierung: Das Script ist rund 68 KB statt 115 KB groß, das Nachlade-Modul 55 KB statt 84 KB. Das Verhalten ist unverändert.
    • Angebote je Besucherland: Das Script erkennt das Land des Besuchers (oder nimmt data-country), zeigt „Angebote für Österreich“ mit Umschalter und lädt alle Boxen der Seite neu, wenn der Besucher das Land wechselt.
    • Sprache folgt der Seite: Ohne data-locale nimmt das Script die Sprache von <html lang>.
    • Preisaktualität: „Preis aktualisiert vor …“ je Angebot (data-price-age: relativ, Datum und Uhrzeit oder aus); ältere Preise (data-max-age, Standard 24 Stunden, Amazon nie über 24, eBay 6) werden ausgeblendet und durch „Aktuellen Preis ansehen“ ersetzt.
    • Neue Optionen am Script-Tag: data-shops und data-prefer, data-country, data-packs, data-coupons, data-stock-alert, data-autolink (Standard aus), [affilinode_link] und [affilinode_field] im Fließtext sowie Sortieren und Filtern je Shortcode.
    • Gutschein-Box: Rabattcodes lassen sich mit einem Klick kopieren.
    • Sicherheit: Die Live-Vorschau im Dashboard braucht ein signiertes Token; Statistik- und Fehlermeldungen werden je Website und Tag begrenzt; Kommentarbereiche werden nie umgewandelt.
  5. 06.10.2026

    • `data-links`: Unterstützte Produktlinks im Inhalt (Amazon, eBay, Awin-Deeplinks, Händlerlinks, die affilinode kennt) werden zu Produktboxen oder kompakten Zeilen; data-links-max und data-links-scope steuern Anzahl und Bereich.
    • `data-shortcodes`: Text wie [affilinode_product id="…"] im Inhalt wird zur Box – für Editoren ohne HTML-Baustein wie Ghost.
    • `data-analytics`: Klicks auf Shop-Links gehen an GA4, Google Tag Manager, Umami oder Matomo; data-analytics-event benennt das Ereignis (Standard affiliate_click).
    • `data-context-after`: Kontext-Box „Passend zum Inhalt“ hinter dem n-ten Absatz (mit der Tarif-Fähigkeit Contextual Ads).
    • JavaScript-API affilinode.scan() und affilinode.context() für Seiten, die Inhalte nachladen; Ereignis affilinode:error bei Fehlern.
    • Vergleichstabellen (data-table) eingebettet; Demo-Schlüssel mit fiktiven Beispieldaten für Vorschau und Website-Demos.
  6. 05.10.2026

    • Die Box „Gerät + Tarife“ (Smartphone mit passenden Mobilfunkverträgen) steht auch in der Einbettung zur Verfügung.
    • Der Generator im Dashboard zeigt eine Live-Vorschau mit der echten Einbettung.
  7. 04.10.2026

    • Produktboxen lassen sich in statische HTML-Seiten einbetten (<div data-affilinode="product" data-id="…">), alle Boxarten stehen dafür zur Verfügung.
    • Ausführlicher Titel ist in Produktboxen jetzt Standard.
    • Die Deal-Box („Angebote des Tages“) lässt sich einbetten.
    • Klicks in eingebetteten Boxen werden gezählt und im Dashboard ausgewertet.