Javascript: Get Cookies – Cookies auslesen

Es sollte eine eigentlich einfache Aufgabe sein. Geplant war es ein bestimmtes Element auf einer Webseite aufgrund der DSGVO nur anzuzeigen, wenn der Besucher den Werbe-Cookies zu gestimmt hat. Anhand von Google Adsense habe ich dies bereits in einem anderen Artikel gezeigt und die Vorgehensweise war eigentlich nicht all zu schwer. Mittels einer einfachen Javascript-Funktion kann man den Inhalt eines Cookies auslesen und dann anhand des Inhalts beliebig agieren.

Auf der Seite, in die das ganze eingebaut werden sollte, gibt es allerdings einen gravierenden Unterschied: Das Consent-Cookie wird nicht durch ein eigenes Skript gesetzt, wie in meinem anderen Artikel zur DSGVO-konformen Einbindung von Google Adsense. Da auf der Seite Ezoic genutzt wird, wird auch der umfangreiche Cookie-Banner von Ezoic genutzt, welcher dann eigene Cookies setzt. Auch diesen Cookie zu nutzen ist theoretisch kein Problem sein, hat mich allerdings einige Nerven gekostet.

Read more

Bildergalerie mit LightGallery, JustifiedGallery, PHP und leider ohne Lazyload

Für eine private Webseite brauchte ich eine Galerie, in der ca. 1500 Fotos als Thumbnails angezeigt werden und auch im Großformat geöffnet werden können. Wenn man nach Templates für so eine Galerie sucht, findet man einige ganz nette Sachen. Gelandet bin ich bei der LightGallery (Achtung: nur für private Projekte kostenfrei!), deren Großanzeige der Bilder mir am besten gefallen hat und eine recht schöne Auswahlmöglichkeit des aktuell in groß angezeigten Bildes, sowie auch eine Downloadfunktion für das Foto bietet. Für die Galerie selber, also die Anzeige der Thumbnails, gefiel mir die JustifiedGallery besser. Wie ich diese (leider nicht) in Verbindung mit Lazyload, aufgrund der enormen Anzahl an Fotos, und ein bisschen PHP für die Generierung der URLs zu den Bilddateien genutzt habe, zeige ich in diesem Artikel.

Read more

Bootstrap 3: Probleme mit einer Sticky/Affix-Navbar

Für die Neugestaltung eines Webprojekts, bei welchem aus Prokrastinationsgründen noch das mittlerweile veraltete Bootstrap 3 zum Einsatz kommt, wollte ich eine sogenannte „Sticky-Navbar“ verwenden. (Achtung: Falls man schon Bootstrap 4 verwendet ist die Syntax vermutlich anders als in den gezeigten Codebeispielen.)

Leider kam es aber zu unschönen Effekten beim Versuch die Sticky-Navbar mit Bootstrap-Bordmitteln umzusetzen. Was genau ich damit meine und wie ich es mit etwas eigenem Code gelöst habe, zeige ich in diesem Artikel.

Read more

Google Adsense DSGVO-konform nutzen?

Die letzten Tage habe ich mich damit beschäftigt, wie man in einem Webprojekt Google Adsense wieder DSGVO-konform einsetzen kann. Ob ich dies nun wirklich geschafft habe weiß ich natürlich nicht. Zumindest habe ich es entgegen der Handhabung vieler anderer Seiten, wie bereits im letzten Artikel aufgezeigt, vernünftig mit einem Opt-In aufgesetzt. Womit ich das realisiert habe zeige ich im folgenden Artikel.

Read more