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

JavaScript-Funktion zum Cookie-Editieren funktioniert in WordPress nicht

Wie ich bereits in meinem vorherigen Artikel gezeigt habe, gibt es ein paar unschöne Probleme wenn man versuchen möchte aus einem Artikel in WordPress eine JavaScript-Funktion per Link aufzurufen. Dies ließ sich zwar grundsätzlich lösen, funktionierte aber für meine spezielle Funktion immer noch nicht. Falls also noch jemand eine JavaScript-Funktion nutzt, die ein Cookie löscht bzw. dessen Wert verändert, folgt in diesem Artikel der Workaround eines Workarounds…

Read more

JavaScript-Funktionen in WordPress-Artikeln aufrufen?

Für die Ausführung kleiner eigener JavaScript-Funktionen durch den Seitenbesucher wollte ich diese ganz einfach in einem anchor-Tag einbauen, sodass diese wie ein Link angeklickt werden können. Eine Aufgabe die normalerweise (k)eine Minute dauert, wenn man sich Zeit lässt und dabei noch anderen Kram macht. Bei WordPress führte dies zu einer unverhätnismäßigen Recherche, viel Unverständnis und Zeitverschwendung.

Read more

FontAwesome: Grafiken werden nicht angezeigt und nicht eingeblendet

Bei einem Webprojekt hatte ich das Problem, dass einige neue Grafiken aus der FontAwesome-Icon-Sammlung einfach nicht geladen wurden. Dies ließ sich beheben, führte aber leider zu einem weiteren Problem. Das Bootstrap-Template, welches ich genutzt habe, sah eigentlich einen netten Fade-In-Effekt der Icons beim Herunterscrollen vor. Das funktionierte dann auch nicht mehr.

Read more

JavaScript: Datum und Wochentag ermitteln und vergleichen

Für eine vom Wochentag abhängige bzw. Zeit-gesteuerte Änderung einer Werbeanzeige auf einem Werbebildschirm musste ich in dem dafür genutzten JavaScript-Code eine entsprechende Abfrage einbauen, um je nach Datum oder Wochentag die anzuzeigenden Bilder festzulegen. In Javascript ist das aber gar nicht so trivial, wie ich dachte.

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? #2

Der Cookie-Banner auf sehr vielen Seiten hat einen unschönen Nebeneffekt: Er überdeckt den unteren Teil der Seite bzw. den Footer. Das kann kritisch sein, wenn man dort Links zum Impressum und Kontaktformular angebracht hat und diese nicht nochmals im Header der Seite vorkommen. Um auch hier keine Probleme zu bekommen habe ich bei mir dafür gesorgt, dass der Footer möglichst immer erreichbar ist.

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