Druckbare Version
Hallo zusammen,
ich würde gerne über die Cookiebar die GoogleMaps-Anzeige erlauben, habe aber leider keine Hinweise gefunden, wie ich denn dann letztendlich GoogleMaps bzw. den Hinweis auf den blockierten Inhalt in die eigentlich Seite einbinden muss. Die Belegung innerhalb der Cookiebanner-Einstellungen ist klar. Kann mir jemand auf die Sprünge helfen?
Danke,
Misios
Hast du deine Maps Google Karte via iframe eingebunden und das passende Template gewählt?
ich hab bisher den iframe-Code einfach in den Quelltext eines Textelements (ce_text) kopiert.
Welches Template muss ich denn nutzen, damit es im Zusammenspiel mit dem Cookiebanner klappt?
Hallo Misios,Zitat:
Zitat von Misios
dafür musst du den iFrame in ein HTML Content-Element (ce_html) einfügen und das Template ce_html_googlemaps auswählen. Sofern du einen entsprechenden Cookie-Typen in der Konfiguration angelegt hast, wird der Inhalt automatisch geblockt bis der Cookie durch den Besucher akzeptiert wurde.
EDIT: Wenn ich so darüber nachdenke, sollte es sogar möglich sein, die iFrames innerhalb eines ce_text-Templates zu blockieren. Dennoch würde ich dafür ein weiteres ce_text_googlemaps Template anlegen (einfache Kopie von ce_text) um nicht im Hintergrund immer alle ce_text-Templates überprüfen zu lassen. Dieses neue Template müsste dann einfach in der config.yml unter den Templates für das googlemaps Modul aufgenommen und im Content-Element ausgewählt werden.
Hier ein Beispiel (oder hier):
Habe es selber nicht getestet aber das könnte klappen :-PCode:contao_cookiebar:
iframe_types:
googlemaps:
- ce_text_googlemaps
LG Doi
Hey Doi, mit dem ce_html_googlemaps hab ich es hinbekommen. Danke für die Erklärung.
Im ce_text_googlemaps mit Anlegen in einer config.yml hat es allerdings nicht geklappt.
Viele Grüße,
Misios
Super :)Zitat:
Zitat von Misios
Okay, gut zu wissen, werde es mir bei Gelegenheit mal anschauen, danke für's testen!Zitat:
Zitat von Misios
LG Doi
Hattest du denn auch im Anschluss im CM den Cache neu aufbauen lassen?Zitat:
Im ce_text_googlemaps mit Anlegen in einer config.yml hat es allerdings nicht geklappt.
Hallo,
da hätte ich auch noch eine Frage:
GoogleMaps ist als Erweiterung installiert und wird ja dann in der Seite als <div class="ce_dlh_googlemaps last block"... usw. ausgegeben.
Wie geht's denn dann mit dem Oveleon-Cookie Banner?
Dafür musst du das Template der Erweiterung leicht anpassen. Schau mal, hier haben wir bereits eine kleine Anleitung dafür:
https://github.com/oveleon/contao-cookiebar/issues/17
Vielen Dank für den Link und die Tipps.
Wow, das muss ich noch eine paar mal lesen...
Ich verstehe nur noch nicht, wie ich die cookieID finden kann...
Das ist die ID des Cookie-Typen im Backend, welche du bspw. über das "Info"-Symbol auslesen kannst. Für diesen Fall erstelle ich bspw. immer den Cookie-Typen "iFrame -> Google Maps", hole mir die ID und übergebe diese dann der addModule-Methode. So wird nicht nur die Map der Erweiterung, sondern auch alle Google Maps, welche mittels iFrame eingebunden sind, auf der Seite blockiert/entsperrt.
Hallo zusammen,
ich beschäftige mich auch gerade damit und würde gerne eine Google Map mit dlh_googlemap einbinden (bzw. mehrere Karten).
Den folgenden Beitrag habe ich mir angeschaut.
Ich verstehe aber überhaupt nicht, was an welchen Templates oder sonstigen Scripten geändert werden muss. Kann mir da noch jemand auf die Sprüge helfen?Zitat:
Zitat von Doi
Danke und viele Grüße
Timo
Hier ist bspw. das Template `ce_dlh_googlemaps_default.html5` und/oder `mod_dlh_googlemaps_default.html5` gemeint.
Im Standard ruft die Erweiterung über folgendes Skript (innerhalb der Templates) eine Methode auf, welche die Google Karte initialisiert:
Dieses Skript muss durch folgendes ersetzt werden, damit die Initialisierung erst nach Zustimmung passiert:Code:if(window.addEvent) {
window.addEvent('domready', function() {
gmap<?= $this->map['id']; ?>_initialize();
});
} else if(typeof jQuery == "function") {
jQuery(document).ready(function(){
gmap<?= $this->map['id']; ?>_initialize();
});
} else {
window.setTimeout("gmap<?= $this->map['id']; ?>_initialize()", 500);
}
Parameter 1 (cookieIdOfGoogleMaps): Definiert die ID des Cookie-Typen innerhalb deiner Cookiebar-Konfiguration (muss angepasst werden!)Code:document.addEventListener("DOMContentLoaded", function() {
cookiebar.addModule(cookieIdOfGoogleMaps, gmap<?= $this->map['id']; ?>_initialize);
});
Parameter 2: Definiert die von der Erweiterung gelieferte Initialisierungs-Methode
Über einen dritten Parameter kannst du eigene Platzhalterdefinitionen ergänzen, welche ausgegeben werden, wenn der Service noch nicht akzeptiert wurde.
Ausgabe mit eigenem Platzhalter:
Code:document.addEventListener("DOMContentLoaded", function() {
cookiebar.addModule(cookieIdOfGoogleMaps, gmap<?= $this->map['id']; ?>_initialize, {
selector: '#element', // [required: string, HTMLElement] Defines the element in which the message is output
message: 'Your text', // [optional: string] The text to be displayed
button: { // [optional: object]
show: true, // [required: bool] Extends the output by a confirmation button,
text: 'Custom button text', // [optional: string] Button text
type: 'button', // [optional: string] Button type
classes: 'first second' // [optional: string] Own CSS classes for the button separated by spaces
}
});
});
Hi,
an dieser Stelle hänge ich jetzt auch. Ich habe die Templates von dlh wie oben beschrieben geändert, aber leider wird statt der Karte nur weiße Fläche angezeigt. Und wenn Google Maps in der Cookiebar nicht freigegeben ist, ebenfalls nur weiße Fläche. :(
Was ist denn noch zu bedenken/zu ändern?
Ach so, vielleicht liegt es an dem Eintrag hinter "selector:"
Was bedeutet "[required: string, HTMLElement] Defines the element in which the message is output" - was muss dort drin stehen? Bzw. woraus bezieht sich das?
Jetzt hats funktioniert!!
Habe folgenden Code eingesetzt:
Wobei cookieIdOfGoogleMaps wie schon oben erläutert, die Cookie-ID des des Cookie-Typen innerhalb der Cookiebar-Konfiguration ist.Code:document.addEventListener("DOMContentLoaded", function() {
cookiebar.addModule(cookieIdOfGoogleMaps, gmap<?= $this->map['id']; ?>_initialize, {
selector: '#dlh_googlemap_<?= $this->map['id']; ?>', // [required: string, HTMLElement] Defines the element in which the message is output
message: 'Dieser Inhalt des Drittanbieters Google Maps wird aufgrund Ihrer fehlenden Zustimmung zu Drittanbieter-Inhalten von Google Maps nicht angezeigt.', // [optional: string] The text to be displayed
button: { // [optional: object]
show: true, // [required: bool] Extends the output by a confirmation button,
text: 'Google Maps akzeptieren und anzeigen', // [optional: string] Button text
type: 'button', // [optional: string] Button type
classes: 'first second' // [optional: string] Own CSS classes for the button separated by spaces
}
});
});
Prima, vielen Dank. Das teste ich morgen.
Das hier ein Selektor als string oder ein HTMLElement übergeben werden kann, um innerhalb dessen den Platzhaltertext anzeigen zu lassen.Zitat:
Zitat von cch
Alles hinter // sind Kommentare und müssen nicht übernommen werden.
Dein Code kann also wie folgt aussehen:
Code:document.addEventListener("DOMContentLoaded", function() {
cookiebar.addModule(cookieIdOfGoogleMaps, gmap<?= $this->map['id']; ?>_initialize, {
selector: '#dlh_googlemap_<?= $this->map['id']; ?>',
message: 'Dieser Inhalt des Drittanbieters Google Maps wird aufgrund Ihrer fehlenden Zustimmung zu Drittanbieter-Inhalten von Google Maps nicht angezeigt.',
button: {
show: true,
text: 'Google Maps akzeptieren und anzeigen'
}
});
});
Das hat jetzt bei mir auch geklappt... Nochmal vielen Dank!
Wenn ich in der Beschreibung (blockiert) einen Link zum Datenschutz setze, kommt folgendes dabei raus: domain.de/cookiebar/block/datenschutz
Also lande ich auf 404. Was muss ich denn da ändern oder angeben.
Hallo @Tompaianer,Zitat:
Zitat von Tompaianer
folgendes Issue beschreibt den selben Fehler:
https://github.com/oveleon/contao-cookiebar/issues/20
Auch in "Antworten auf häufig gestellte Fragen"
? Warum werden meine Verlinkungen, welche ich über den Editor einfüge, nicht korrekt aufgelöst?
Sollten Verlinkungen über den Editor (vor allem für die Block-Nachricht in iFrames) als Insert-Tags eingefügt werden, werden diese fälschlicherweise an die von der Cookiebar generierten Block-URL angehangen. Um das zu umgehen, muss die Domain vorangestellt werden. Der Link, sollte dann wie folgt eingepflegt werden:
HTML-Code:{{environment::url}}/{{link_url::3}}
Hallo zusammen,
ich hänge mich einfach mal hier an. Ich habe gerade die cookiebar-Erweiterung installiert und dann auch die bisher einfach über ein iframe eingebundene Goggle-Karte über das ce_html_googlemaps Template eingebunden, damit die Cookie-Einstellungen auch entsprechend ausgewertet werden. Leider ist der Kartenausschnitt standardmäßig sehr klein. Gibt es eine Möglichkeit die Größe zu beeinflussen ohne das Template selbst zu verändern? Ich finde keine Parameter dazu und weder hier im Forum noch sonstwo etwas...
Vielen Dank im Voraus
Das regelst du doch per CSS?
Ich kann die CSS-Angaben schon im HTML des Elemts einbauen. Ich dachte nur, dass es evtl. einen globalen Parameter für so was gäbe, der die Responsivität zuverlässiger regelt. Aber wenn CSS das Mittel der Wahl ist, komme ich damit auch klar.
Warum im HTML? Einfach in deinen regulären Stylesheets.Zitat:
Zitat von robinhutter
Kannst du mir sagen welcher Cookie-Typ hier verwendet werden muss?Zitat:
Zitat von cch
Ich habe einen Cookie-Typ "Hinweis" angelegt. Die ID im Code übergeben. Das funktioniert schonmal.
Was muss ich den bei Cookie-Token eintragen? Ist das für die korrekte Funktion relevant?
Am besten legst du dir hierfür einen "iFrame -> Google Maps"-Typen an. So kannst du mit einem Cookie-Typen gleich Google Maps per iFrame`s als auch über die API regeln.Zitat:
Zitat von marcohe
Im Token-Feld sollten alle Cookies, welche vom Service gesetzt werden, aufgenommen werden, damit die Cookiebar diese wieder zuverlässig löschen kann.
Hallo zusammen,
bei mir werden, bei fehlender Zustimmung in der Cookiebar, trotzdem folgende Daten von
https://maps.google.com
https://maps.googleapis.com
geladen.
Cookies werden keine gesetzt.
Ist das normal bzw. wie kann ich das laden der Skripte unterbinden?
Danke + Gruß
PS: Sobald der Service in der Cookiebar akzeptiert wurde werden Scripte siehe Anlage geladen.
Anhang 25617
Eingebunden werden die Karten mit
ce_dlh_googlemaps_default.html5
das Template wurde wie folgt angepasst
PHP-Code:document.addEventListener("DOMContentLoaded", function() {
cookiebar.addModule(5, gmap<?= $this->map['id']; ?>_initialize, {
selector: '#dlh_googlemap_<?= $this->map['id']; ?>',
message: '<div>{{fa::map 5x pull-left border}} <p>Wir nutzen Google Maps.</p><p>Bitte aktiviere diesen Service um Karten von Google Maps anzeigen zu lassen. Weitere Infos findest du in unserer <a href="datenschutz.html#googlemaps" target="blank">Datenschutzerklärung.</a></div>',
button: {
show: true,
text: 'Akzeptieren und anzeigen',
type: 'button',
classes: 'btn btn-outline-dark'
}
});
});
</script>
https://github.com/oveleon/contao-co...ment-868362551
Daran wirds wohl liegen.
Wo muss ich das denn auskommentieren?
kann hier jemand weiterhelfen?Code:$GLOBALS['TL_JAVASCRIPT'][] = 'https://maps.googleapis.com/maps/api/js?key=' . $this->map['key'] . '&language=' . $this->map['language'];
Im Template des Moduls/ des Content Elements, welches du schon bearbeitet hast:Zitat:
Zitat von marcohe
https://github.com/delahaye/dlh_goog...fault.html5#L3
https://github.com/delahaye/dlh_goog...fault.html5#L3
Überprüfe auch, welches Template du ausgewählt hast:
- ce_dlh_googlemaps_default.html5 (Content Element)
- mod_dlh_googlemaps_default.html5 (Modul)
Die Zeile gibts bei meinem ce template nicht.
Habe das jetzt nicht updatesicher direkt in vendor/…/ContentMap.php auskommentiert.
Darf ich fragen um welche der dlh Erweiterungen es sich handelt und welche Version du installiert hast?
heimrichhannot/dlh_googlemapsZitat:
Zitat von zoglo
Google maps module for Contao
Version 2.3.8
Da nutzt du einen Fork von HeimrichHannot, die Stelle wurde hier auch für eigene Zwecke angepasst.
Gibt ja noch die Original-Erweiterung:
https://github.com/delahaye/dlh_googlemaps
Wie der Support bei beiden Erweiterungen ist, kann ich aber nicht sagen.
Prinzipiell führt eine Änderung im vendor-Ordner dazu, dass es in Zukunft bei einem Update zu Problemen führen könnte.
Ist mir auch schon mehrmals passiert, dass der Contao-Manager die Änderung erkennt und somit kein Update mehr zulässt. Da darf dann der ganze vendor-Ordner wieder gelöscht werden.
Eine elegantere Lösung wär mir auch lieber. Meinst du bei Update einer beliebigen Erweiterung über den Manager oder nur wenn es für genau die Erweiterung ein Update gubt?
Bin mir da gerade unsicher, glaube, dass es sich bei mir um eine Erweiterung gehandelt hatte, welche ich im vendor angepasst hatte.
Ein Composer dry run ist ja auch über den ContaoManager möglich, damit könntest du es ja testen.
Testlauf mit allen Paketen war erfolgreich. Denke kann man als "quick und very dirty" Lösung so lassen. Sicherhaltshalber immer schön Backup vor jedem Update und gut ist :DZitat:
Zitat von zoglo
hallo,
ich versuche mal, hier anzuschließen:
ich möchte standorte mit dem contao-storelocator verwalten.
mein problem liegt darin, dass keine meldung angezeigt wird, in der dazu aufgefordert wird, das cookie zuzulassen.
die karte wird per iframe im template generiert:
template mod_storelocator_details.html5
ich habe dazu im BE in den cookiebar-einstellungen einen neuen eintrag vom typ "Benutzerdefiniert (Skript)" angelegt, der die ID 5 hat.PHP-Code:<div class="store-header">
<?php if( !empty($this->mapsURI) ): ?>
<div class="iframe-responsive" id="store-iframe-wrapper">
<iframe id="store-iframe" src=""></iframe>
<script>
let store_map = function(){
document.querySelector('#store-iframe').setAttribute('src', '<?=$this->mapsURI;?>');
}
// aufrufen: store_map();
</script>
</div>
<?php endif; ?>
...
per JS verwende ich dann diese ID mit addModule
zwar wird bei fehlender zustimmung das laden blockiert (& die karte geladen, wenn sie vorliegt), aber die definierte message wird nicht angezeigt, es wird kein div injiziert (<div data-ccb-id="4" class="cc-module">)Code:<script>
document.addEventListener('DOMContentLoaded', function () {
cookiebar.addModule(5, store_map, {
selector: '#store-iframe',
message: 'Wenn Sie möchten, können Sie sich hier eine Google-Maps Karte mit den Standorten anzeigen lassen',
button: {
show: true,
text: 'Ja, bitte!',
},
});
});
</script>
was mache ich da falsch?
Die Cookiebar verwendet, um die `message` einzufügen `selector.innerHTML`. Ich bin mir gerade unsicher, ob das für iFrames in dieser Form funktioniert. Könntest du mal Testen den Text in das Parent-Element zu schreiben?
Code:document.addEventListener('DOMContentLoaded', function () {
cookiebar.addModule(5, store_map, {
selector: '#store-iframe-wrapper',
message: 'Wenn Sie möchten, können Sie sich hier eine Google-Maps Karte mit den Standorten anzeigen lassen',
button: {
show: true,
text: 'Ja, bitte!',
},
});
});
hallo doi,
vielen dank für deine antwort!
an das parent element hatte ich auch schon gedacht. leider funktioniert das auch nicht. es gibt keine aussage.
ich habe das ganze nun mit
gelöst (die ganze lösung hab ich hier zusammengefasst).Code:contao_cookiebar:
iframe_types:
googlemaps:
- mod_storelocator_details
Liebe Leute,
ich hätte noch einen Hinweis, der mich gerade etwas Zeit gekostet hat.
Sagen wir, wir fangen hier: https://developers.google.com/maps/d...-started?hl=de und erstellen einen schönen iFrame, wie Google in vorgibt.
So wird die Karte perfekt angezeigt, nur nicht blockiert.HTML-Code:<iframe id="maps" frameborder="0" style="border-left:0; border-right:0; border-bottom:0" referrerpolicy="no-referrer-when-downgrade" src="https://www.google.com/maps/embed/v1/place?key=API_KEY
¢er=51.0603764,13.7409132
&q=51.06030894866247,13.74089174126383
&zoom=16
&maptype=roadmap" allowfullscreen=""></iframe>
Es müssen alle und evtl. Leerzeichen raus.
Vielleicht hilft es jemandem.HTML-Code:<iframe id="maps" frameborder="0" style="border-left:0; border-right:0; border-bottom:0" referrerpolicy="no-referrer-when-downgrade" src="https://www.google.com/maps/embed/v1/place?key=API_KEY¢er=51.0603764,13.7409132&q=51.06030894866247,13.74089174126383&zoom=16&maptype=roadmap" allowfullscreen=""></iframe>
Viele Grüße
Micha