Fallback en mode automatique ?

[tristanX2]

Bonjour,

en mode automatique (version payante) comment utiliser la fonction fallback (pour un service déjà intégré comme googlemaps par exemple) ?

[AmauriC]

Le fallback n'est pas le même avec le mode auto, le fonctionnement est totalement différent.

Il y a peut-être une solution, quelle est la problématique?

[AmauriC]

_added c'est quand tarteaucitron detecte google maps. La première partie est ok.
Ajoutes la même fonction avec _loaded et ça devrait corriger le problème de première page (la fonction sera rappelé via _loaded quand l'utilisateur accepte).

Pour la div, c'est mieux d'ajouter un onclick avec : tarteaucitron.userInterface.respond(document.getElementById('googlemapsAllowed'), true);

[tristanX2]

Pour le bouton, ok merci super !
Cela fonctionne :-)

Par contre, j'ai ajouté l'évènement googlemaps_loaded et même problème.
Si je passe à chaud (sur la même page) de googlemaps "non autorisé" à googlemaps "autorisé", les évènements googlemaps_loaded et googlemaps_added ne sont pas appelés :-(
Si ensuite, j'actualise la page, cela fonctionne bien :-(
Si je passe à chaud de googlemaps "autorisé" à googlemaps "non autorisé" c'est bon également.

mon code complet :

<script>
	document.addEventListener('googlemaps_loaded', function() {
			console.log('googlemaps_loaded - state='+tarteaucitron.state.googlemaps);
			showHideServiceEnabled('googlemaps');
	});
	document.addEventListener('googlemaps_added', function() {
			console.log('googlemaps_added - state='+tarteaucitron.state.googlemaps);
			showHideServiceEnabled('googlemaps');
	});
	function showHideServiceEnabled(service) {
			var elem = document.getElementById(service+'_forbiden');
			if (elem) {
				if (tarteaucitron.state[service] === true) {
					elem.style.display = 'none';
				} else {
					elem.style.display = 'block';
				}
			}
	}
</script>

<p id="googlemaps_forbiden" style="display:none;">
<span class="tarteaucitron-magic-block">
<b>Google Maps est désactivé.</b><br>&nbsp;<br>
<br>&nbsp;<br>Pour activer ce service, merci d'autoriser Google Maps et d'accepter le dépôt, la lecture de cookies et l'utilisation de technologies de suivi nécessaires à son bon fonctionnement.
<button class="tarteaucitronAllow" onclick="tarteaucitron.userInterface.respond(document.getElementById('googlemapsAllowed'), true);document.getElementById('googlemaps_forbiden').style.display='none';">Autoriser Google Maps</button>
</span>
</p>

[AmauriC]

🧐 Possible d'avoir l'url de la page?

[tristanX2]

oui :-) je viens de t'envoyer cela par email ...

[AmauriC]

Rien reçu : /
amauri@champeaux.fr

[AmauriC]

J'ai ajouté des events pour aider à régler ce problème ab779fa
Ce sera dispo début de semaine sur la v pro ; )

[tristanX2]

Un exemple complet et fonctionnel (ici avec le service Google Maps).

Code javascript :

<script src=\"https://tarteaucitron.io/load.js?domain=www.domaine.com&uuid=xxxxxxxxxxxxxxxxx\"></script>
<script>
document.addEventListener('googlemaps_loaded', function() {
	showHideServiceEnabled('googlemaps');
});
document.addEventListener('googlemaps_added', function() {
	showHideServiceEnabled('googlemaps');
});
document.addEventListener('googlemaps_allowed', function() {
	tarteaucitron.state.googlemaps = true;
	showHideServiceEnabled('googlemaps');
});
document.addEventListener('googlemaps_disallowed', function() {
	tarteaucitron.state.googlemaps = false;
	showHideServiceEnabled('googlemaps');
});
function showHideServiceEnabled(service) {
        var elem = document.getElementById(service+'_forbiden');
	if (elem) {
		if (tarteaucitron.state[service] === true) {
			elem.style.display = 'none';
		} else {
			elem.style.display = 'block';
		}
	}
}	
</script>

Code HTML à placer dans la page :

<p id="googlemaps_forbiden" style="display: none; text-align: center;">
 <span class=" tarteaucitron-magic-block"><b>Google Maps est désactivé.</b><br>&nbsp;<br>
Ce service nécessite Google Maps pour son fonctionnement.
<br>&nbsp;<br>Merci d'autoriser Google Maps et d'accepter le dépôt, la lecture de cookies et l'utilisation de technologies de suivi nécessaires à son bon fonctionnement.
<button class="tarteaucitronAllow" onclick="tarteaucitron.userInterface.respond(document.getElementById('googlemapsAllowed'), true);document.getElementById('googlemaps_forbiden').style.display='none';">Autoriser Google Maps</button>
</span>
</p>

Merci Amauri pour le coup de main :-)

[AmauriC]

Merci à toi pour le retour, content qu'on ai trouvé une solution ; )