Verwendung der Promo-Widget-Elementkomponente
Fügen Sie jedem Seitenabschnitt im XML eine Komponente hinzu, entweder auf Lithium Quilt-Ebene oder in den Bereichen Benutzerdefinierte Inhalte, die in Ihrem Lithium Quilt gerendert werden. Parameter müssen enthalten sein. Instanzen ohne Parameter werden nicht angezeigt.
<@component id = "jmp.PromoWidgetItem" -Parameter />
Promo-Aktivierungsetikett
Promos gelten als inaktiv und werden erst auf dem Artikeletikett in Rotationen angezeigt promo_active ist ihm zugeordnet.
Parameter auf Komponenteninstanzebene
Diese Konfigurationen werden auf XML-Ebene vorgenommen. Parameter sind also additiv Etiketten + Stichworte + promoid würde beinhalten alles Promos, die passen irgendein der enthaltenen Begriffe außer diejenigen, die Sie mit der ausgeschlossen haben ausschließen Parameter.
Listen mit mehr als einem Parameterwert, dh label = "label1, label2" werden bei jeder Seitenaktualisierung zufällig einmal gedreht, nicht von Javascript.
Parameter
|
Beschreibung & Beispiel
|
|---|
promoid
|
Zeigt die Anzeige mit der hier eingegebenen Lithium-ID an, dh "134". Kann eine durch Kommas getrennte Liste von einer oder mehreren Anzeigen sein, die pro Seitenaufruf zufällig gedreht werden (beim Aktualisieren).
<@component id = "jmp.PromoWidgetItem" promoid = "134" />
<@component id = "jmp.PromoWidgetItem" promoid = "134, 718, 401" />
|
Etiketten
|
Zeigt Anzeigen nach dem Zufallsprinzip mit den hier aufgeführten, durch Kommas getrennten Beschriftungen an.
<@component id = "jmp.PromoWidgetItem" labels = "Godzilla" />
<@component id = "jmp.PromoWidgetItem" labels = "Godzilla, Superman" />
|
Stichworte
|
Zeigt Anzeigen nach dem Zufallsprinzip mit den hier aufgeführten, durch Kommas getrennten Tags an, einem oder mehreren.
<@component id = "jmp.PromoWidgetItem" tags = "Goats" />
<@component id = "jmp.PromoWidgetItem" tags = "Ziegen, Vögel, Kühe" />
|
Start
|
Zeigt ausgewählte Anzeigen ab dem hier eingegebenen Datum an. Muss im Format JJJJMMTT vorliegen. Wenn dies nicht konfiguriert ist, wird die Anzeige sofort geschaltet, wenn dies durch andere Konfigurationen angezeigt wird.
<@component id = "jmp.PromoWidgetItem" start = "20180214" />
|
Ende
|
Die Anzeige wird nach dem hier eingegebenen Datum nicht mehr geschaltet. Muss im Format JJJJMMTT vorliegen. Wenn dies nicht konfiguriert ist, gibt es kein Enddatum.
<@component id = "jmp.PromoWidgetItem" end = "20180315" />
|
ausschließen
|
Eine Liste der Lithium-IDs, die aus dem Array ausgeschlossen werden sollen. Beispielsweise möchten Sie möglicherweise alle Promos, die im Label "Humor" enthalten sind, jedoch die IDs "123" und "456" ausschließen.
<@component id = "jmp.PromoWidgetItem" labels = "humor" exclude = "123,456" />
|
Konfigurationen auf Promo-Artikelebene
Diese Konfigurationen werden auf der Ebene der Werbeanzeigen im Haupttext (und ggf. im Titelbild) vorgenommen. Getrennt in Abschnitte, Inhalt, Schaltfläche, Farben, Inline-Bild, Hintergrundbild.
WICHTIG: Verwenden Sie beim Einfügen je nach Plattform "Einfügen im Klartext" oder "Einfügen und Abgleichen" oder ähnliches. Wenn Sie versehentlich den Eingabebereich überschreiben, drücken Sie einfach UNDO. Inhalte, die sich nicht in den richtigen Eingabebereichen befinden, werden nicht gerendert.
Inhalt
Sollte nur Text sein. Kein HTML oder anderes Styling in diesen.
| Name |
Beschreibung |
Standard |
|---|
Überschrift
|
Erstens der größte Text |
"Text"
|
Unterüberschrift
|
Zweitens kleinerer Text |
"Text"
|
Botschaft
|
Körpertext, kleinster |
"Text"
|
Aktionsknopf
Farben sollten nur mit hexadezikalen Farbwerten eingestellt werden, d. H. # cc6600 oder das CSS-Schlüsselwort transparent .
| Name |
Beschreibung |
Standard |
|---|
Verknüpfung
|
Ziel-URL-Nutzer werden aufgerufen, wenn sie auf die Anzeige klicken |
"http://www.jmp.com"
|
Schaltflächentext
|
Schaltflächentext |
"Lern mehr"
|
Taste bg Farbe
|
Hauptfarbe der Schaltfläche |
# cc6600 (JMP orange)
|
Schaltfläche Textfarbe
|
Schaltfläche Textfarbe |
#ffffff (Weiß)
|
Farben
Farben sollten nur mit hexadezikalen Farbwerten eingestellt werden, d. H. # cc6600 oder das CSS-Schlüsselwort transparent .
| Name |
Beschreibung |
Standard |
|---|
Textfarbe
|
Farbe für Überschrift, Überschrift und Nachrichtentext |
#ffffff (Weiß)
|
Hintergrundfarbe
|
Hintergrund der Promofarbe. (Bei Hintergrundbildern ist die Deckkraft standardmäßig auf 30% eingestellt, um die Farbe durch sie anzuzeigen.) |
# cc6600 (JMP orange)
|
Randfarbe
|
Rand der Anzeige zur Unterscheidung zwischen Anzeigenhintergrund und Seitenhintergrund. |
#dddddd (mittelgrau)
|
Hintergrundbild
Stellen Sie das Hintergrundbild mit dem Lithium-Titelbild in der rechten Seitenleiste ein (Beispiel rechts). Die empfohlene Bildgröße beträgt 1900 x 500 Pixel, um eine vorhersehbare Anzeige bei allen Bildschirmgrößen zu ermöglichen.
Das ausgewählte Bild wird automatisch in den Hintergrund gestellt und die Deckkraft ist standardmäßig auf 30% eingestellt.
Wenn Sie ändern möchten, wie das Hintergrundbild angezeigt wird, wird das CSS des Bildes angezeigt Opazität und Position Eigenschaften sind konfigurierbar:
| Name |
Beschreibung |
Standard |
|---|
Bildopazität
|
0-100. 0 ist vollständig transparent und zeigt nur die Hintergrundfarbe an, 100 ist vollständig undurchsichtig und zeigt nur das Hintergrundbild an. |
30
|
Bildposition
|
CSS-Hintergrundpositionswerte, dh "links", "Mitte", "rechts" und "oben", "Mitte", "unten". Verwenden Sie zwei beliebige Elemente, z. B. "links oben". Sollte immer die x-Achse gefolgt von der y-Achse sein, dh "links oben" |
Mitte Mitte
|
Inline-Bild
Nicht empfohlen, aber unter bestimmten Umständen kann ein Anruf erforderlich sein, z. B. ein Kopfschuss auf der linken Seite oder ähnliches.
| Name |
Beschreibung |
Standard |
|---|
Bild
|
Ein Bild, das vor oder nach dem gesamten Text eingefügt werden soll. Halte es einfach, wenn überhaupt. Befolgen Sie beim Erstellen einer Anzeige die Anweisungen. Platzieren Sie den Cursor im Fotofeld und verwenden Sie die Schaltfläche Fotos im Textfeld. |
Null
|
Bildposition
|
Sollte sich das Bild vor (vertikal) oder nach dem Text und links oder rechts vom Text befinden? Die Werte sind vor, nach, links, rechts, zwei gleichzeitig. |
vor links
|
