Boxen auf AMP-Seiten

Wie das Plugin auf AMP-Seiten ausgibt: alles serverseitig, ohne JavaScript, mit kompaktem CSS – und was bei Suche, Berater, Preisalarm und Tracking anders ist.

Das Plugin erkennt AMP-Seiten des offiziellen AMP-Plugins (Standard, Transitional und Reader) und von „AMP for WP“. Dort gibt es jede Box serverseitig aus – auch wenn die Ladeart „Ajax“ oder „Hybrid“ eingestellt ist, ohne Platzhalter – und lädt kein eigenes JavaScript. Einstellen musst du dafür nichts.

CSS innerhalb der AMP-Grenze

• AMP erlaubt höchstens 75 000 Byte CSS je Seite – für Theme, Plugins und Boxen zusammen.
• Das Plugin lädt nur die Stylesheets der Boxen auf der Seite, als kompakte AMP-Fassung: ohne Kommentare und !important, Container-Abfragen als Medienabfragen, ohne Regeln, die nur Skripte brauchen. Deine Farben und Größen aus den Einstellungen sind dabei.
• Richtwerte: Produktbox, Button, Textlink oder Testbewertung etwa 26 KB, Listen, Raster und Karussell 32 KB, Vergleichstabelle 31 KB, Produktsuche 37 KB, Kompatibilitäts-Check 39 KB, alle Box-Arten auf einer Seite 68 KB. Das AMP-Plugin entfernt zusätzlich ungenutzte Regeln.
• Bilder haben immer Breite und Höhe, damit das AMP-Plugin sie in <amp-img> umwandeln kann.

Interaktive Boxen

• Produktsuche, Produktberater und Kompatibilitäts-Check: Formulare, die die AMP-Seite mit dem Ergebnis neu laden. Der Berater zeigt alle Fragen auf einmal, die Filter der Suche sind immer offen.
• Preisalarm: amp-form schickt Wunschpreis und Adresse an dieselbe Route des Plugins wie sonst; Double-Opt-in wie gewohnt.
• Tarifrechner: ein Formular, das die Ergebnisse des Anbieters in einem neuen Tab öffnet – wenn [plz] und [verbrauch] als ganze Werte in der Adresse stehen und der Link https nutzt. Sonst bleibt nur der Button zum Anbieter.
• Folgekosten: mit den Standardannahmen, ohne Formular zum Ändern. Preis-Leistungs-Diagramm: ohne Tooltip, die Wertetabelle ist aufgeklappt. Vergleichswähler: nur der voreingestellte Vergleich. Den Länderumschalter gibt es auf AMP-Seiten nicht.
• Karussell: eine Reihe zum Wischen bzw. Scrollen mit allen Karten, ohne Knöpfe und ohne automatischen Wechsel. Die Mini-Karte an Textlinks ist auf AMP-Seiten aus.

Tracking und Auswertung

Klick-Tracking an Matomo, GA4, GTM und Umami, die Klickstatistik je Box-Art und der A/B-Test brauchen JavaScript und zählen auf AMP-Seiten nicht; dort gilt immer Variante A. Nur die Aufrufe von AMP-Seiten zu zählen, würde die Klickraten je Box-Art verfälschen – deshalb bleiben AMP-Seiten ganz außen vor. Über eigene Weiterleitungen (/go/…) zählt das Plugin Klicks auf deinem Server, auch von AMP-Seiten.

Für eine eigene amp-analytics-Konfiguration (z. B. GA4 über das AMP-Plugin oder Site Kit) tragen Affiliate-Links auf AMP-Seiten die Variablen data-vars-affilinode-shop, data-vars-affilinode-product und data-vars-affilinode-kind:

                  "triggers": {
  "affiliateClick": {
    "on": "click",
    "selector": "a[data-vars-affilinode-shop]",
    "request": "event",
    "vars": { "event_name": "affiliate_click", "shop": "${affilinodeShop}", "product": "${affilinodeProduct}", "box": "${affilinodeKind}" }
  }
}