Cookiefirst

Fragen und Diskussionen rund um Internet, Software und PC
stobi_de
Moderator
Moderator
Beiträge: 729
Registriert: Di 11. Okt 2022, 06:30

Cookiefirst

Ungelesener Beitrag von stobi_de »

Hallo,
ich habe hier wegen des Preloader cookiefirst eingesetzt.
Mit dem Mobi-Cookie lief die Sache nicht mehr.
www.tierphysio-morsbach.de

Nun gibt es in der kostenlosen Version von Cookiefirst ja ein Script, was man definieren kann, was NICHT beim Ablehnen der Cookies geladen wird.
Ich habe hier den Instagram-Load eingesetzt. Aber das Ding wird trotzdem geladen.
Also mache ich was falsch.
Der Support bei der kostenlosen Version ist natürlich eher dürftig, daher frage ich hier
Das Script für Insta ist dieses

Code: Alles auswählen

<script src="https://cdn.lightwidget.com/widgets/lightwidget.js"></script>
<iframe src="https://cdn.lightwidget.com/widgets/ddf201c40e0559f0806a6e8a12203524.html" scrolling="no" allowtransparency="true" class="lightwidget-widget" style="width:100%;border:0;overflow:hidden;"></iframe>
=========

So nebenbei: man staune, dass die Höhe des Iframes an die größe des Instagrams angepasst wird, obwohl es nicht die gleiche Domain ist !!!!!!!!!!!!!!
Benutzeravatar
Tommy Herrmann
Site Admin
Site Admin
Beiträge: 5743
Registriert: So 6. Dez 2020, 07:37
Wohnort: Berlin
Kontaktdaten:

Re: Cookiefirst

Ungelesener Beitrag von Tommy Herrmann »

Hallo Frank,

ich kenne diese Anwendung nicht:

https://lightwidget.com/

... kann daher auch nichts dazu sagen. Keine Ahnung, wie man das sperren könnte - wahrscheinlich nur über die <section> id="content01-58".

Also vielleicht so:

Code: Alles auswählen

  <!-- Start hide or show div based on advertising - here Instagram block ID -->
  <script>
        function handle_consent_event(e) {
            var consent = e.detail || { necessary: true };
            var elements = document.querySelectorAll("#content01-58");
            elements.forEach(function(el) {
                // no consent yet or advertising not accepted, hide div
                if (!consent || !consent.advertising) {
                    el.style.display = 'none';
                    var btn = document.createElement('button');
                    btn.innerHTML = 'Bitte akzeptieren Sie Werbung Cookies, um diesen Inhalt zu sehen';
                    var click = function() { CookieFirst.acceptCategory('advertising');window.location.reload(); };
                    btn.addEventListener('click', click);
                    el.before(btn);
                    var src = el.getAttribute('src');
                    el.setAttribute('data-src', src);
                    el.setAttribute('src', '');
                } else {
                    el.style.display = 'block';
                    var src = el.getAttribute('data-src');
                    if(src) {
                        el.setAttribute('src', src);
                        el.setAttribute('data-src', '');
                    }
                }
            });
        }
        window.addEventListener("cf_consent", handle_consent_event);
        window.addEventListener("cf_consent_loaded", handle_consent_event);
  </script>
  <!-- End hide or show div based on advertising -->
stobi_de
Moderator
Moderator
Beiträge: 729
Registriert: Di 11. Okt 2022, 06:30

Re: Cookiefirst

Ungelesener Beitrag von stobi_de »

Man kann doch auf der Seite von Cookiefirst die Scripts eintragen, die bei bestimmten Zulassungen von Cookies geladen werden. - Oder ich habe das vollkommen falsch verstanden?
Unter SCRIPTE kann man ein "Custom Script" auswählen.
Benutzeravatar
Tommy Herrmann
Site Admin
Site Admin
Beiträge: 5743
Registriert: So 6. Dez 2020, 07:37
Wohnort: Berlin
Kontaktdaten:

Re: Cookiefirst

Ungelesener Beitrag von Tommy Herrmann »

das funktioniert bei mir nur mit bekannten Anwendungen wie z.B. Facebook, Instagram, Google-Maps. Alles andere sperre ich mit solchen Skripten.

Probiere das mal - gleich oben unter den Link zu "CookieFirst" setzen.
stobi_de
Moderator
Moderator
Beiträge: 729
Registriert: Di 11. Okt 2022, 06:30

Re: Cookiefirst

Ungelesener Beitrag von stobi_de »

Ich lasse nun alle IFrames ausfiltern. Somit die Google-Map und das Insta - klappt!
Benutzeravatar
Tommy Herrmann
Site Admin
Site Admin
Beiträge: 5743
Registriert: So 6. Dez 2020, 07:37
Wohnort: Berlin
Kontaktdaten:

Re: Cookiefirst

Ungelesener Beitrag von Tommy Herrmann »

Moin,

ja - das macht genau das gleiche - nur eben bei allen Iframes. Ich dachte das war vorher schon so und das ging nicht :confused:

Seit Mobirise diese "data" Attribut für CSS verwendet, geht das bei manchen Sperrungen nicht.

Auf jeden Fall geht es jetzt so ...
Benutzeravatar
Tommy Herrmann
Site Admin
Site Admin
Beiträge: 5743
Registriert: So 6. Dez 2020, 07:37
Wohnort: Berlin
Kontaktdaten:

Re: Cookiefirst

Ungelesener Beitrag von Tommy Herrmann »

CookieFirst Symbol - falsche Darstellung

Frank,

Du bist der einzige, den ich kenne, der im Zusammenhang mit Mobirise das Consent-Tool "CookieFirst" verwendet.

Es wurde ja gestern ein Update bei "CookieFirst" bezüglich des Cookie-Banners vorgenommen - nur steht nirgendwo was genau gemacht wurde.

Seit gestern wird der "Fingerabdruck-Button" von CookieFirst bei allen Standard-Themen "Mobirise5" (Bootstrap5) unschön oval angezeigt, so wie gerade noch hier:

https://www.mobirise-tutorials.com/

... bei "Mobirise4" Themen nicht - dort ist dieser immer noch rund:

https://www.mobirise-tutorials.com/Tutorial-Links/

Ich habe soeben an den Support von "CookieFirst" geschrieben, denn das muss ja eigentlich mit der Bootstrap-Version zu tun haben.

Ich habe auch noch nicht herausgefunden welche Class das genau macht und wie ich das ändern kann und auch nicht wirklich Lust nun alle Bootstrap5 Seiten händisch anzupassen :eek:

Das macht es wieder rund aber ob das wohl so OK ist :eek:

Code: Alles auswählen

/* CookieFirst */
.cf1y60 {
    height: 30px;
}
svg {
    padding-bottom: 7px !important;
}
Hier im Moment als Test:

https://www.mobirise-tutorials.com/Tutorials/
stobi_de
Moderator
Moderator
Beiträge: 729
Registriert: Di 11. Okt 2022, 06:30

Re: Cookiefirst

Ungelesener Beitrag von stobi_de »

Hallo Tommy, bin gerade mit dem Wohnmobil unterwegs. Ich schaue so schnell wie geht. Aber Maik Greb Consulting ist ok. Der war mit mobi5 gemacht, glaube ich
Benutzeravatar
Tommy Herrmann
Site Admin
Site Admin
Beiträge: 5743
Registriert: So 6. Dez 2020, 07:37
Wohnort: Berlin
Kontaktdaten:

Re: Cookiefirst

Ungelesener Beitrag von Tommy Herrmann »

Danke Frank :tu:

... hat sich gerade eben erledigt. "CookieFirst" hat sich über die CSS von Mobirise gebügelt, indem sie line-height: 0; gesetzt haben.

... das kam durch eine neue CSS-Anweisung von Mobirise in einem der letzten Updates - wahrscheinlich an v5.8.23 BETA.

Mobirise hat den globalen Stil insofern geändert, dass sie eine "line-height" auch für das <span> Tag von 1.5 gesetzt haben.

Dies hatte zur Folge, dass fremde APIs, wie das Consent Tool von "CookieFirst", den Cookie-Button um 0.5rem zu hoch und dadurch hässlich oval angezeigt haben anstatt rund:

CookieFirst-v5.8.23.jpg


Ich habe das eben mit dem Support von "CookieFirst" herausgefunden.

CookieFirst hat seine CSS nochmals angepasst, sodass das anderen nicht passieren wird.

... dennoch habe ich das dem Mobirise-Support gemeldet, denn es ist so nicht sauber programmiert. Das <span> Tag sollte immer per Default 1.0rem hoch sein.
stobi_de
Moderator
Moderator
Beiträge: 729
Registriert: Di 11. Okt 2022, 06:30

Re: Cookiefirst

Ungelesener Beitrag von stobi_de »

Ah, jetzt verstehe ich, warum das Close Symbol der Galeriebilder auch oval ist. Siehste bei siolas beuceron. Aber eigentlich sollte das Span da nicht drin sein.
Benutzeravatar
Tommy Herrmann
Site Admin
Site Admin
Beiträge: 5743
Registriert: So 6. Dez 2020, 07:37
Wohnort: Berlin
Kontaktdaten:

Re: Cookiefirst

Ungelesener Beitrag von Tommy Herrmann »

Moin,

hattest Du das jetzt schon geändert? Das sieht rund aus - oder welches Symbol meinst Du ganz genau?

https://www.siolas-beauceron.de/

P.S.:

... habe es bei den Videos im Popup-Slider gefunden und auch noch gemeldet:

https://forums.mobirise.com/discussion/ ... ent_111239

Bei Deiner Seite ist es auch nicht das <span> sondern das <a> Tag am Close-Button, das das verursacht, denn auch das ist ja in der globalen CSS von Mobirise auf 1.5rem gestellt:

Code: Alles auswählen

h1,
h2,
h3,
h4,
h5,
h6,
.display-1,
.display-2,
.display-4,
.display-5,
.display-7,
span,
p,
a {
  line-height: 1.5;
  word-break: break-word;
  word-wrap: break-word;
  font-weight: 400;
}
... das <span> Tag (Bereichs-Tag) ist schon meist richtig, nur sollte das nicht unter die 1.5rem gestellt werden. Ein <span> wird doch gerne an allen möglichen Stellen aus allen möglichen Gründen eingesetzt. Zum Beispiel um eben so einen Bereich für so ein Icon zu schaffen oder auch nur einen Bereich in dem die Farbe geändert dargestellt sein soll.

Da das <span> und auch das <a> Tag fast ausschließlich innerhalb eines <p> Tags stehen, sollten diese beiden Tags keine Line-Height per Default zugewiesen werden, falls sie eben mal z.B. an Buttons eingesetzt werden.
Antworten

Wer ist online?

Mitglieder in diesem Forum: 0 Mitglieder und 10 Gäste