|
|
|
# HTML Snippets
|
|
|
|
|
|
|
|
## Überblick
|
|
|
|
|
|
|
|
Das HTML Snippets Modul in QUIQQER ermöglicht es dir, HTML-Snippets (kleine HTML-Codeabschnitte) schnell und effizient an spezifischen Stellen deiner Webseite einzufügen. Dieses Modul ist besonders nützlich, wenn du Codes von Drittanbietern integrieren möchtest.
|
|
|
|
|
|
|
|
## Funktionsweise
|
|
|
|
|
|
|
|
Im Gegensatz zu einem Brick, der ähnlich einer Vorlage dient, reagiert das HTML Snippet Modul dynamisch auf Template-Events. Dadurch kannst du Snippets nicht nur im Body-Bereich, sondern auch im Head-Bereich deiner Webseite einfügen.
|
|
|
|
|
|
|
|
### Wichtige Template Events
|
|
|
|
|
|
|
|
Die wichtigsten Template-Events:
|
|
|
|
|
|
|
|
- `onQuiqqer::template::header::begin`: Zu Beginn des `<head>`-Bereichs.
|
|
|
|
- `onQuiqqer::template::header::end`: Am Ende des `<head>`-Bereichs.
|
|
|
|
- `onQuiqqer::template::body::begin`: Zu Beginn des `<body>`-Bereichs.
|
|
|
|
- `onQuiqqer::template::body::end`: Am Ende des `<body>`-Bereichs.
|
|
|
|
|
|
|
|
Es gibt noch weitere Events, diese musst du aber spezifische deinem genutztem Template entnehmen. Die obigen 4 Template Events sind QUIQQER Template standard und sollten daher in jedem Template verfügbar sein.
|
|
|
|
|
|
|
|
## Snippet Erstellung
|
|
|
|
|
|
|
|
### Spezialisierte Module
|
|
|
|
|
|
|
|
Für gängige Anwendungen wie Google Tag Manager oder Facebook Pixel empfehlen wir, die dafür vorgesehenen QUIQQER-Module zu nutzen. Diese Module platzieren die HTML-Codes automatisch an den optimalen Stellen.
|
|
|
|
|
|
|
|
### Snippet-Verwaltung
|
|
|
|
|
|
|
|
Snippets sind projektabhängig. Du kannst also für jedes Projekt individuelle Snippets erstellen. Die Verwaltung dieser Snippets erfolgt über die Projekteinstellungen (`Einstellungen -> Projekteinstellungen -> gewähltes Projekt`).
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
### Snippet-Erstellung
|
|
|
|
|
|
|
|
Um ein neues Snippet anzulegen, klicke auf den "Hinzufügen"-Button. Gib dem Snippet einen einzigartigen Namen zur einfachen Identifikation. Der Name des Snippets ist nur für die Zuordnung und beeinflusst nicht den Inhalt des Snippets.
|
|
|
|
|
|
|
|
Wähle das entsprechende Event aus der Liste, um zu bestimmen, wo das Snippet auf der Webseite geladen wird. Im Snippet-Feld gibst du den HTML-, CSS- oder JavaScript-Code ein, der auf der Seite erscheinen soll.
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
## Integration mit dem GDPR Modul
|
|
|
|
|
|
|
|
Falls das GDPR Modul installiert ist, kannst du jedem Snippet eine GDPR-Kategorie zuweisen. Dies bestimmt, unter welchen Datenschutzeinstellungen das Snippet geladen oder angezeigt wird. Zum Beispiel kannst du festlegen, dass bestimmtes JavaScript nur geladen wird, wenn der Nutzer in den Cookie-Einstellungen der Kategorie `Statistik` zugestimmt hat.
|
|
|
|
|
|
|
|
 |
