Pour éviter d’avoir des avis compris entre 0 et 3 sur sa page GOOGLEMYBUSINESS, je me suis demandé comment je pouvais pré-filtrer les avis des clients avant qu’ils arrivent sur la page “business” de google. Le but étant d’envoyer sur sa page d’avis, que des avis compris entre 4 et 5 étoiles et si la personne veut envoyer un avis entre 3 et 1 étoiles, la personne est renvoyé versun formulaire de contact. Je me suis renseigné sur les solutions existantes et j’ai vu qu’il y avait un outil à 49 dollars sur appsumo qui permettait de faire exactement ça…
Problème, je suis un gros radin…
Donc, j’ai demandé à mon pote chatgpt de m’aider et j’en ai fait une vidéo :
Tutoriel : Comment présélectionner les avis avant leur publication sur Google ?
et si tu veux le code, le voici :
<!DOCTYPE html>
<html lang="en">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Filtrer les avis Google My Business</title>
<style></style>
</head>
<body data-rsssl=1>
<div class="rating-container">
<p>Donnez une note de 0 à 5 :</p>
<div class="stars">
<input type="radio" id="star5" name="rating" value="5" /><label for="star5">★</label>
<input type="radio" id="star4" name="rating" value="4" /><label for="star4">★</label>
<input type="radio" id="star3" name="rating" value="3" /><label for="star3">★</label>
<input type="radio" id="star2" name="rating" value="2" /><label for="star2">★</label>
<input type="radio" id="star1" name="rating" value="1" /><label for="star1">★</label>
</div>
</div>
<script>
// Fonction pour rediriger en fonction de la note sélectionnée
function redirigerSelonNote() {
var note = document.querySelector('input[name="rating"]:checked');
if (note) {
note = note.value;
if (note >= 3) {
// Rediriger vers la page pour les avis positifs
window.location.href = 'https://tete-coeur-corps.fr/contact/';
} else if (note < 3) {
// Rediriger vers la page avec le formulaire de contact
window.location.href = 'https://g.page/r/CVW4FlOHo7ifEAI/review'; // Remplacez par votre propre lien
}
// Vous pouvez ajouter d'autres cas si nécessaire
} else {
alert("Veuillez sélectionner une note avant de continuer.");
}
}
// Appeler la fonction lorsqu'un utilisateur clique sur une étoile
var stars = document.querySelectorAll('.stars input');
stars.forEach(function(star) {
star.addEventListener('click', redirigerSelonNote);
});
</script>
<!-- Vous pouvez ajouter du contenu HTML personnalisé ici -->
<script>class RocketElementorAnimation{constructor(){this.deviceMode=document.createElement("span"),this.deviceMode.id="elementor-device-mode-wpr",this.deviceMode.setAttribute("class","elementor-screen-only"),document.body.appendChild(this.deviceMode)}_detectAnimations(){let t=getComputedStyle(this.deviceMode,":after").content.replace(/"/g,"");this.animationSettingKeys=this._listAnimationSettingsKeys(t),document.querySelectorAll(".elementor-invisible[data-settings]").forEach(t=>{const e=t.getBoundingClientRect();if(e.bottom>=0&&e.top<=window.innerHeight)try{this._animateElement(t)}catch(t){}})}_animateElement(t){const e=JSON.parse(t.dataset.settings),i=e._animation_delay||e.animation_delay||0,n=e[this.animationSettingKeys.find(t=>e[t])];if("none"===n)return void t.classList.remove("elementor-invisible");t.classList.remove(n),this.currentAnimation&&t.classList.remove(this.currentAnimation),this.currentAnimation=n;let s=setTimeout(()=>{t.classList.remove("elementor-invisible"),t.classList.add("animated",n),this._removeAnimationSettings(t,e)},i);window.addEventListener("rocket-startLoading",function(){clearTimeout(s)})}_listAnimationSettingsKeys(t="mobile"){const e=[""];switch(t){case"mobile":e.unshift("_mobile");case"tablet":e.unshift("_tablet");case"desktop":e.unshift("_desktop")}const i=[];return["animation","_animation"].forEach(t=>{e.forEach(e=>{i.push(t+e)})}),i}_removeAnimationSettings(t,e){this._listAnimationSettingsKeys().forEach(t=>delete e[t]),t.dataset.settings=JSON.stringify(e)}static run(){const t=new RocketElementorAnimation;requestAnimationFrame(t._detectAnimations.bind(t))}}document.addEventListener("DOMContentLoaded",RocketElementorAnimation.run);</script></body>
</html>
Si tu veux me remercier pour ce contenu de qualitaaay, merci de partager la vidéo, mettre un poce blo et un petit commentaire si t’as kiffé, ça fait plaisir.
