EU Cookie Law | einbauen

Tutorials, HowTos and manuals

Moderatoren: Stefan, Jakob, mr.bashshell

mintdata
Uranier
Uranier
Beiträge: 122
Registriert: Do Jun 04, 2015 1:30 pm
The middle number please (3): 3
Wohnort: Augsburg

EU Cookie Law | einbauen

Beitragvon mintdata » Sa Mär 04, 2017 12:36 pm

Hier eine kleine Anleitung wie man die vorgeschrieben "EU Cookie Law" Richtlinie in seiner Kajona Installation einbaut.
Als Basis gehen wir von Kajona 5.x aus.
Als Script nutzen wir das "jquery-eu-cookie-law-popup"

in unserem Template nutzen wir folgende Ordnerstruktur:

/MEIN_TEMPLATE/
/MEIN_TEMPLATE/css/
/MEIN_TEMPLATE//js/

Aus dem Script laden wir nun die

"jquery-eu-cookie-law-popup.css" Datei in den Ordner /MEIN_TEMPLATE/css/
"jquery-eu-cookie-law-popup.js" Datei in den Ordner /MEIN_TEMPLATE/js/

Dann nehmen wir uns unsere Seitentemplates vor, in der Grundinstallation sind dies die Dateien:
in /MEIN_TEMPLATE/tpl/module_pages/
home.tpl
standard.tpl

Im <head> </head> fügen wir nun direkt unter

Code: Alles auswählen

    <!-- IMPORTANT! Include the kajona_head!! This injects jQuery, too-->
    %%kajona_head%%

den folgenden Code ein:

Code: Alles auswählen

<!-- Cookie Law Script -->
<link href="_webpath_/templates/tierhold_automotive/css/jquery-eu-cookie-law-popup.css" rel="stylesheet">
<script type="text/javascript" src="_webpath_/templates/tierhold_automotive/js/cookies/jquery-eu-cookie-law-popup.js"></script>
<!-- End of Cookie Law Script -->


Das sollte dann so aussehen:

Code: Alles auswählen

<!-- IMPORTANT! Include the kajona_head!! This injects jQuery, too-->
%%kajona_head%%


<!-- Cookie Law Script -->
<link href="_webpath_/templates/tierhold_automotive/css/jquery-eu-cookie-law-popup.css" rel="stylesheet">
<script type="text/javascript" src="_webpath_/templates/tierhold_automotive/js/cookies/jquery-eu-cookie-law-popup.js"></script>
<!-- End of Cookie Law Script -->


Und da wir nun Das Ganze anzeigen lassen wollen und Einfluß auf das Erscheinungsbild nehmen, wo es angezeigt wird, müssen wir noch folgende class hinzufügen: class="eupopup eupopup-bottomleft"
Dies machen wir in dem wir die class auf den <body> Tag setzen.
So wie hier

Code: Alles auswählen

<body class="eupopup eupopup-bottomleft">


Nun sollte das Cookie Law Fenster unten Links angezeigt werden.
Wie hier zu sehen: Bild


Das Script bietet merere Möglichkeiten den Ort der Anzeige zu bestimmen.
Es kann auch vollständig in ein eigenes Design verwendet werden.
Die hier genannte Art ist die einfachste Art schnell das Cookie Law einzubinden.
Übersicht aller Möglichkeiten sehen Sie in den Quellennachweisen.
Textanpassungen erfolgen in dieser Version in der jquery-eu-cookie-law-popup.js

Wo und wie der Fensterblock angezeigt wird, erfolgt über die optionalen Angaben im <body> tag

Optionen

Top of the page (“eupopup”, or “eupopup eupopup-top”)
Fixed banner on top (“eupopup eupopup-fixedtop”)
Fixed to bottom (“eupopup eupopup-bottom”)
Fixed window, to bottom left (“eupopup eupopup-bottomleft”)
Fixed window, bottom right (“eupopup eupopup-bottomright”)
Inline (“eupopup eupopup-block”)


Code: Alles auswählen

<body class="eupopup eupopup-bottomright">

oder

Code: Alles auswählen

<body class="eupopup eupopup-bottom">

etc.




Quellen:
Beschreibung englisch con jQuery EU Cookie Law popups http://www.wimagguc.com/2015/03/jquery-eu-cookie-law-popup/
Script download: https://github.com/wimagguc/jquery-eu-cookie-law-popup
********************************
LAMP | Kajona v6.x | Kajona v.5.x
********************************
Kajonasites: http://tierschutzverein-kissing.de
http://tierhold.com
Demo: http://kajona.butterweck-saucen.de
Demo: http://v1027.ws6.phpwsserver.net

Zurück zu „HowTos, Tutorials“

Wer ist online?

Mitglieder in diesem Forum: 0 Mitglieder und 1 Gast