Skripte- Platzhalter
Mit dem Plugin Skripte
cd940628612dde9099ece2f2915382b80e2a008f
Übersicht über die vorhandenen Platzhalter
Alle erstellten Platzhalter werden hier untereinander aufgelistet. In der Übersicht sehen Sie den selbstgewählten Namen, die verknüpfte Einbindung, den Status und die Optionen der Bearbeitung sowie der Löschung des Platzhalters.
Neue Platzhalter können über den grünen Knopf mit der Aufschrift Eintrag erstellen erstellt werden. Sie werden zur Erstellungsmaske weitergeleitet und müssen hier zunächst die grundlegenden Daten eintragen.
Grundlegende Daten
Diese beiden Felder müssen ausgefüllt sein, um einen Platzhalter speichern zu können.
8a8406162419aef3a5a639b2da826cae508f245c
Name
Hier definieren Sie den Namen der Einbindung. Der Name dient nur der Zuordnung für Sie und hat keine Auswirkungen im Frontend.
Einbindung
Voraussetzung für die Erstellung eines Platzhalters ist eine Einbindung, für die Sie einen Platzhalter erstellen wollen. Mit einem Klick auf das Feld, erhalten Sie eine Auswahl aus allen erstellten Einbindungen.
Aktiv
Hier können Sie den Platzhalter aktivieren und deaktivieren.
Inhalt
Der Inhalt ist das Herzstück des Plugins. Hier definieren Sie – je nach Anwendungsfall – das Aussehen und/oder das Verhalten des Platzhalters. Sie haben drei Möglichkeiten den Inhalt als Platzhalter zu erstellen. Alle drei Möglichkeiten können simultan bzw. ergänzend genutzt werden.
53dcfb929cad73b75d8460820c77d4e8609f531b
HTML
Um im Platzhalter Textinhalt erscheinen zu lassen, können Sie hier HTML einfügen. CSS
Platzierung
Ihnen stehen drei Optionen zur Platzierung zur Verfügung. Je nach Anwendungsfall empfiehlt es sich, die entsprechende Option zu nutzen. Diese sind:
Einzelner Platzhalter – Am Ende eines Body
Nutzen Sie diese Auswahl, wenn das Element keinen festen Platz im <body> hat. Ein Anwendungsbeispiel wäre hier ein Livechat der mitscrollt.
Mehrere Platzhalter – Nach Elementen, die dem Selektor entsprechen
Nutzen Sie diese Auswahl, wenn Sie Elemente haben, die sowohl im <head>, wie auch im <body> Skripte platzieren lassen. Ein Anwendungsbeispiel wäre hier die Google Maps.
Mehrere Platzhalter – Nach Skript
Nutzen Sie diese Auswahl, wenn die zu blockierenden Elemente mehrfach im <body> erscheinen. Ein Anwendungsbeispiel wäre hier Elemente von Social Media Plattformen.
Textbausteine
Textbausteine können nach der Erstellung unter dem Reiter Textbausteine mit definiertem Ausdruck in geschweiften Klammern im HTML
ad3ad85801c7b44627becc99ee625dc60fd42b93
84a177c915e1b69dd23c12c589539e8136b0fc7f
Aktionen
Um dem Nutzer im Frontend eine der zwei Aktionen, load<nt>-</nt>embedding (blendet den Platzhalter aus und lädt anschließend die Einbindung ) oder more<nt>-</nt>info (öffnet die Details für die verknüpfte Einbindung) anzuzeigen, müssen Sie in Ihrem HTMLdata<nt>-</nt>placeholder<nt>-</nt>action hinzufügen. Das sieht bei einem Video beispielsweise so aus:
<button type="button" data<nt>-</nt>placeholder<nt>-</nt>action="load<nt>-</nt>embedding">YouTube nachladen</button>
CSS
Sie können CSS eigens für diesen Platzhalter schreiben. Der Code wird nur auf den HTML
JavaScript
Möchten Sie, dass nach der Zustimmung der Einbindung eine Aktion mittels JavaScript ausgeführt wird? Dann können Sie in dieses Feld entsprechende Befehle in der Programmiersprache formulieren. WICHTIG: Hier darf kein HTML eingefügt werden.
Anzeigebedingungen
Mit Anzeigebedingungen kann man den Platzhalter nur zu bestimmten Wochentagen oder zu bestimmten Zeiten aktivieren.
Zeitabhängige Ausgabe
Mit dem Button "Begrenzung hinzufügen" lassen sich neue Begrenzungen definieren. Im Anschluss besitzen Sie die Möglichkeit, die genauen Zeiträume festzulegen.
30480a4a97a6764a4ac1d6a41b91fa289ec972a1
Vorlagen
Google reCAPTCHA: recaptcha
Google Maps: googlemaps